解决网站制作中CSS样式表的层叠顺序分析

网站建设一个文档可以链接多个不同的CSS文件，每个样式表在文档的head中都有一个对应的link元素。根据网站的复杂程度，你也许会把适用于整个网站的普通规则放到一个样式表中，让网站某个部分中的页面除了这个样式表外再链接到另一个定义专业于这些页面的规则的样式表。你也可能更喜欢按样式的用途来拆分样式表，例如，用一个样式表定义颜色和背景，另一个样式表定义页面布局。    内联、嵌入和外部样式表这3种方法可以结合使用，但不值得提倡。如果网站建设中只有一个页面需要一些额外的规则，可以选择仅在这个文档中加入一个样式表。在某些很少见的场合，最佳方案：它们消除了表现性的标记代码，提升了网站的性能，而且更容易维护。
    有这么多来自不同来源的CSS规则，不可避免地会发生一些重叠。具体性机制能够解决部分问题：较具体的选择符胜过一般性的选择符。然而仅有具体性机制还不足以解决图形化浏览器在呈现网页时可能会遇到的所有样式冲突。在具体性机制束手无策时，就需要层叠顺序机制插手来摆平问题。
    CSS规则按其出现的先后顺序被应用到内容上：后面的规则盖过前面的。网站建设各个样式表的下载也有特定的顺序。对于外部样式表，其顺序取决于其 link元素在文档中出现的顺序。后链接的样式表中的规则盖过链接的样式表中的规则。嵌入到文档的style元素中的规则在所有外部样式表之后处理。如果文档中嵌入了多个样式表（个位于其style元素中），则后面嵌入的样式表盖过前面的。网站设计内联到元素的style属性中的样式声明的应用顺序更在嵌入式样式表之后。
    除了作者样式表外，每种现代图形化Web浏览器都有其用以定义各种元素的默认外观的内置样式表。如果浏览网页时不使用任何作者提供的CSS样式，那么所看到的就是用浏览器样式表呈现的结果。浏览器样式表在层叠顺序中最先出现，因此所有作者提供的样式表都将盖过这些默认的样式。建站服务让事情变得更复杂的是许多Web浏览器允许最终用户附加自己的自定义样式表，即用户样式表。它在层叠顺序中第二个出现，因此将盖过浏览器的默认样式，但不能盖过作者的样式。
    各种样式来源的层叠默认样式顺序可总结如下：
    （1）浏览器样式表
    （2）用户样式表
    （3）外部作者样式表，（按其链接的顺序）。
    （4）嵌入式作者样式表（按其出现顺序）。
    （5）内联作者样式。
    专业研究不要忘了，层叠机制也适用于每个样式表内部。如下经验法则可以帮你记住层叠机制的运作方式：最靠近内容的样式获胜。最后声明的值就是呈现内容时所应用的值。