摘要：
一、line-height的定义 css中line-height行高是指文本行基线之间的距离，不同字体，基线位置不同。line-height只影响行内元素和其他行内内容，而不会直接影响块级元素，如果块级元素设置了line-height，这个值只会应用到块级元素里面的内联内容时才会有影响。在块级元素上 阅读全文
摘要：
这篇文章整理css如何实现文章分割线的多种方式，分割线在页面中可以起到美化作用，那么就来看看使用css实现分割线样式的多种方法。效果如下： 方式一：单个标签实现分隔线： html: <div class="line_01">小小分隔线 单标签实现</div> css: .demo_line_01{ 阅读全文
摘要：
在前端页面开发中，需要使用css来选择除了第一个之外的子元素，例如希望每个span之间能间隔一定的距离，单不能给每个span设置margin-left，这样会导致第一个span的前面有间距，影响排版。下面就来讲解实现css获取除第一个之外的子元素的多种方法。 效果如下： 设计坞https://www 阅读全文
摘要：
在css3中我们知道可以使用box-shadow属性轻松的为元素添加阴影效果，并且可以设置多组效果，每组参数值用逗号隔开。如果把box-shadow特性的两个偏移量 h-shadow 、v-shadow设置为0，将模糊值blur也设置为0，此时增加扩张半径，就会使元素的投影变为实线边框。这样就可以模 阅读全文
摘要：
一、横向条纹如下代码： 1 background: linear-gradient(#fb3 20%, #58a 80%) 上面代码表示整个图片的上部分20%和下部分20%是对应的纯色，只有中间的部分是渐变色。如果让中间的部分逐渐缩小，当中间部分变为0即上下两种颜色的七点和终点相同是，就没有了渐变而 阅读全文
摘要：
text-shadow 属性仅仅是用来设置文本阴影的，似乎并不能实现字体发光效果。其实不然，这正是 text-shadow 属性的精妙之处。当阴影的水平偏移量和垂直偏移量都为0时，阴影就和文本重合了。这时，如果增大阴影模糊的距离，就可以达到字体外发光的效果了。当然，为了使外发光更加酷炫，还需要使用到 阅读全文
摘要：
css/css3样式已是web前端开发的主流技术了。每个优秀的前端程序员都应该熟悉，甚至精通css。那么要如何才能学好css,并很好的应用到实际开发中，这篇文章就推荐一些关于css相关的书籍给大家。 CSS世界 以“流”为线索，从结构、内容到美化装饰等方面，全面且深入地讲解前端开发人员必须了解和掌握 阅读全文
摘要：
在网页开发中遇到这样一个问题，在使用select的时候，想让里面的文字水平居中。首先想到的是text-align:center;但是发现在Chrome浏览器下不兼容，需要使用到text-align-last:center;就可以了。代码如下： select{ width: 400px; text-a 阅读全文
摘要：
为了判断浏览器是否支持css3的一些新属性样式，当不兼容该样式的时候，我们可以更优雅的降级处理。这就需要使用到css3的条件判断功能：在css中支持@supports标记、或者在js中使用CSS.supports函数，来检测浏览器是否支持css3的新属性。下面就来看看如何实现的！ CSS @supp 阅读全文
摘要：
大家都知道autocomplete属性是表单字段中的HTML5新属性，该属性有两种状态值，分别为"on" 和 "off"，该属性可省略：省略属性值后默认值为"on"，也可以省略属性名，直接写入关键字on或off。 网站项目中，有登录和注册的弹框，在除chrome的浏览器中一切都ok，一旦在谷歌浏览器 阅读全文