做网站重点：链接样式表与引入样式表
作者：佚名 时间：2014-03-07
做网站重点：链接式样式表与引入式样式表
网站的两种样式表，做网站时从表面上来看，链接式和引入式样式表是等价的，是用不同的语法完杨了相同的功能。如果你在文档中只使用了一个<link>标签，那么这种说法就是正确的。但是，如果在一篇文档级和内联样式表都会覆盖外部定义。用两个或多个<link>标签时，浏览器会给用户提供一个列出全部链接的样式表列表。用户可能从中选择一个链接表，浏览器会根据用户的选择加载使用该样式表，以是指文档格式；其他的链接表就被忽略掉了。
另一方面，能够识别样式的浏览器不会分开各个样式表，而是将多个@import样式表合并在一起，形成一个文档样式规则集。如果在样式表中有双重定义，那么最后一个引入的样式表才有效。因此，如果外部的gen_style.css样式表规范选告诉浏览器装饰<h1>标签中的内容显示为蓝色和斜体，然后spec_styles.css告诉显示器将<h1>的文本显示为红色，那么<h1>标签中的内容将显示为红色和斜体。如唱歌我们后来又在文档级样式定义中将<h1>标签中内容定义为另一种颜色，比如黄色，那么<h1>标签中所有内容都装饰是黄色和斜体形式。这就是级联的作用。现在读者应该明白了吧？
实际上，通过级联的作用，现在流行的浏览器都把链接样式表看作是引入样式表。浏览器不会让用户在所有链接表中进行选择。引入的样式表会覆盖链接的外部样式表，如同文档级样式和内联样式会覆盖外部样式定义一样。将上述情况综合起来。
如果做网站使用的是CSS2模型，浏览器将会提示用户选择sheetl.css或sheet2.css。然后浏览器将加载选中的样式表，后面紧随sheet3.css和sheet4.css。复制在sheet3.css或sheet4.css中定义的样式，而且任何内联样式中，这些复制的样式会覆盖在所选样式表中定义的样式。实际上，浏览器会按照顺序从sheet1到sheet4的顺序对样式表进行级联。
如没特殊注明，文章均为上海联楷网络原创,转载请注明来自：http://www.linksj.com/news/20151229/n6656.html
