CSS文本样式

1.样式的继承

祖先元素上的样式也会被他的后代所继承，但是并不是所有的样式都会被子元素所继承，比如背景相关的样式，边框相关的样式，定位相关的样式都不会被继承。

2.选择器的优先级

（1）内联样式——1000

（2）id选择器——100

（3）类和伪类——10

（4）元素选择器——1

（5）通配选择器——0

（6）继承的样式——无优先级

当选择器中包含有多种选择器是，需要将多种选择器的优先级相加然后再比较。但是注意，选择器优先级计算不会超过他的最大数量级，如果选择器的优先级一样，则使用靠后的样式。

并集选择器的优先级是单独计算。

可以在样式的最后添加一个!important，则此时该样式将会获得一个最高的优先级，将会优先于所有的样式显示甚至超过内联样式。

3.链接标签的伪类顺序

最好以link、visited、hover、active的顺序写，否则由于这四个选择器的优先级是一样的，会造成一些样式的覆盖。

4.样式的长度单位

（1）px是像素点

（2）百分比%浏览器将会根据其父元素的样式来计算该值，当父元素的属性值发生变化时，子元素也会按照比例发生改变

（3）em是相对于当前元素的字体大小来计算的，1em=1font-size(),当字体大小发生改变时，em也会随之改变

5.样式的颜色控制

（1）颜色的英文，比如：“red”

（2）RGB值来设定，语法：rgb(红色浓度，绿色浓度，蓝色浓度)，颜色的浓度需要一个0-255之间的值，255表示最大，0表示没有。颜色的浓度也可以采用一个百分数来设置，需要一个0%~100%之间的数字。

（3）也可以使用十六进制的数字来代替，使用三组两位的十六进制数组来表示一个颜色

语法：#红色绿色蓝色->00表示没有，相当于rgb中的0，ff表示最大，相当于rgb中的255

6.样式的字体控制

   我们可以使用font-xxxx来设计字体，但是CSS中还未我们提供了一个font属性，可以设置字体相关的所有样式，不同的值使用空格隔开，除了文字的大小和字体必须写之外，其他的属性可以写也可以不写，没有顺序要求，不写则使用默认值，字体必须是最后一个值，而大小必须是倒数第二个值。

7.样式的行间距控制

我们可以通过设置行高来简介的设置行间距，行高越大行间距越大，使用line-height属性来设置行高，行间距=行高-字体大小，line-height属性可以（1）接收一个数字大小，（2）也可以接收一个百分数，则会相对于字体的大小来计算行高，（3）还可以接收一个数值，则行高会设置字体大小相应的倍数。

对于单行文本来说，可以将行高设置为和父元素的高度一致，这样可以使单行文本在父元素中垂直居中，在font中也可以指定行高，在字体大小后面可以添加‘/行高’，来指定行高，该值是可以选择的，如果不指定则会使用默认值，并且line-height一定要在font属性前面设置，否则line-height会被覆盖。