上海网站建设web前端开发基础教程：CSS的特性

  1.CSS层叠性

所谓层叠性是指在样式的优先级相同情况下，多种css样式的叠加。例如，当使用内嵌式css样式表定义<p>标记字号大小为12px，链入式定义<p>标记颜色为红色，那么段落文本将显示为12px红色，即这两种样式产生了叠加。相同类型的定义标签，属性一致属性值不一致的时候，以最后一个属性值为准。

2.继承性

所谓继承性是指书写css样式表时，子标记会继承父标记的某些样式，如文本颜色和字号。想要设置一个可继承的属性，只需要将它应用于父元素即可。

强档的使用继承可以简化代码，降低css样式的复杂性。但是如果再网页中所有的元素都大量继承样式，那么判断样式的来源就会很困难，所以对于字体、文本属性等网页中通用的样式可以使用继承。例如：字体，字号，颜色，行距等可以在body元素中同意设置，然后通过继承影响文档中所有文本

所有字相关的都可以继承，比如：color、text系统、font系列、line系列、cursor

并不是所有的css属性都可以继承，例如边框、外边距、内边距、背景、定位、元素宽高属性等所有盒子相关的属性都不能继承

3.特殊性（css选择器的优先级）

定义css样式时，经常出现两个或者更多规则应用在同一元素上，这时就会出现优先级的问题。

行业样式最大，即行内样式的优先级最高。Id选择器的优先级次之，类选择器优先级再次子，标签选择器低于类选择器。

在考虑权重时，初学者还需要注意一些特殊的情况，具体如下：

继承样式的权重为0。即在嵌套结构中，不管父元素样式的权重多大，被子元素继承时，他的权重都是0，也就是说子元素定义的样式会覆盖继承来的样式。

行内样式优先，应用style属性的元素，其行内样式的权重非常高，可以理解为远大于100，总之，他拥有比上面提高的选择器都大的优先级。

• 上一篇：上海网站建设web前端开发基础教程：伪类和伪元素
• 下一篇：上海网站建设web前端开发基础教程：CSS中display属性介绍