样式表的优先级.doc

《样式表的优先级.doc》由会员上传分享，免费在线阅读，更多相关内容在教育资源-天天文库。

1、样式表的优先级我们学习了3种样式表，了解了它们各自的应用范围。如果在一个HTML页面中，使用这3种样式，并且每一种样式中都为某一个HTML标签同一个属性定义了多个不同的样式，那么在页面显示时，究竟是哪个样式表起作用呢？1．层叠样式表的意义当我们为同一个标签多次设置样式表的时候，这些样式表会最终层叠成一个样式表来作用于标签。例如，你在外部样式表中为p定义了如下样式：p{text-align:left;}而在内部样式表中又定义了如下样式：p{text-indent:24px;}那么最终网页内p标签的样式将为：p{text-align:left;text-inden

2、t:24px;}。2．几种样式表的优先级上面的两个样式表的层叠比较好理解，两个样式表分别定义了一个标签的不同属性。但是如果外部样式表与内部样式表同时定义了一个属性呢？看下面的例子。外部样式表的内容：p{text-align:center;}内部样式表的内容：p{text-align:left;}最终页面中的段落将是左对齐，也就是说如果你试图对同一标签的同一属性多次定义，那么内部样式表的定义将要覆盖外部样式表的定义。这是因为内部样式表的优先级高于外部样式表。三种样式表的优先级由高到低排列如下：1.行内样式表(内嵌样式表)2.内部样式表3.外部样式表4.补充规则：

3、优先级相同的情况下，后定义的属性会覆盖先前定义的。其他高级规则：CSS中的important!是比较实用的技巧，这里就不多说了。将在后续的CSS技巧中讨论。