HTML 新浪

代码

效果图

CSS高级特性
一CSS复合选择器
1.标签指定式选择器
又称交集选择器，由两个选择器构成，其中第一个为标记选择器，第二个为类选择器或id选择器，两个选择器之间不能有空格。
2.后代选择器
后代选择器用来选择元素或元素组的后代，其写法就是把外层标记写在前面，内层标记写在后面，中间用空格分隔。当标记发生嵌套时，内层标记就成为外层标记的后代。
3.并集选择器
并集选择器是各个选择器通过逗号连接而成的，任何形式的选择器（包括标记选择器、类选择器、id选择器等）都可以作为并集选择器的一部分。如果某些选择器定义的样式完全相同，或部分相同，就可以利用并集选择器为他们定义相同的CSS样式。

二CSS层叠性和继承性
1.层叠性
所谓层叠性是指多种CSS样式的叠加。
2.继承性
所谓继承性是指书写CSS样式表时，子标记会继承父标记的某些样式，如文本颜色和字号。
恰当的使用继承可以简化代码，降低CSS样式的复杂性。
并不是所有的CSS属性都可以继承，例如，下面的属性就不可以继承：
（1）边框属性
（2）外边距属性
（3）内边距属性
（4）背景属性
（5）定位属性
（6）布局属性
（7）元素宽高属性
三CSS优先级
标记选择器的权重是1，类选择器的权重是10，id选择器权重是100。
另外，在考虑权重时，还要注意一些特殊情况，具体如下：
（1）继承样式的权重为0，即在嵌套结构中，不管父元素的权重有多大，被子元素继承时，它的权重都为0，也就是说子元素定义的样式会覆盖继承来的样式。
（2）行内样式优先。应用style属性的元素，其行内样式的权重非常高，可以理解为远大于100，。总之。它拥有比上面提高的选择器都大的优先级。
（3）权重相同时，CSS遵循就近原则。也就是说，靠近元素样式具有更大的优先级，或者说排在最后的样式优先级最大。
（4）CSS定义了一个！important命令，该命令被赋予最大的优先级。也就是说不管权重如何变化以及样式位置的远近。！important都有最大优先级。