Amaze your friends! Squash your enemies!
而其中输入的 company.css文件内容如下： H1 { color: green; font－family: times } P { background: yellow; font－family: courier } 在本例中，浏览器首先输入 company.css的规则 （ @import 必须打头），然后加入移植的规则，从而为这个网页产生规则集合。 请注意，对于H1在外部样式表文件和植入的样式表中都设定了规则。在两者冲突的情况下，浏览器应执行哪一项规则呢？植入的规则此时将占上风。 输入样式表的灵活性可以使你输入无数多个样式表，并可以按照自己的喜好用植入的样式表凌驾于输入的样式表之上。 4.Inline styles （行内样式表） 你还可以在HTML行中加入样式规则，如下：Amaze your friends! Squash your enemies!
在这个例子中，你无须在HTML顶部加入样式表代码。加入行内的样式表属性将使浏览器同样执行样式表规则。 该方法不方便之处在于：你必须在每行中都中加入样式规则，否则下一行时浏览器将转回到文件的缺省设置。 加入行内的样式表相比不如植入、链接及输入的样式表那样功能强大，但有时候你会发现它也很有用。 屏幕就是一个战场，在一个HTML文件中，如果有三种不同的样式表规则都使用P作为其选择。输入的样式表指示浏览器将文字用红色显示，而植入的样式表指示浏览器用蓝色显示，而行内样式表指示浏览器用黄色。 #1 三、规则 好在支持样式表的浏览器自身配有样式表的串接顺序来应付这种情形。总有几种样式表规则要比其它的规则更重要。根据正式的规定，以下为样式表的串接顺序： 1.Inline styles （行内样式） 2.Embedded styles （植入样式） 3.Linked styles （链接样式） 4.Imported styles （输入样式） 浏览器将按照上述顺序执行样式表的指令。 但是还有一个问题，如果同一种类的多个规则相互冲突怎么办？比如，如果一项植入样式表规则将
以绿色显示，而另一个规则要求以红色显示。 多亏聪明的样式表标准的发明人，对于这种冲突也有一个顺序，但很复杂。这里有一个极其简单的解决顺序： 使用特别说明的样式表规则，例： BODY { color: green } P { color: red } 有一项规则特别说明
中的文字用红色显示，但它同时也继承了
的绿色规定。但是特别说明了的规则的重要性要大于继承的规则，所以之内的文字用红色显示。 应用继承的样式表规则 按照样式表规则在HTML中的显示顺序执行。 P { color: green } P { color: red } 当无法适用上述规则时，浏览器将根据规则在代码中显示顺序执行。在上例中，
同的文字红色显示，因为它是最后给出的规则。 注意：正式的串接样式表规定对于串接 顺序有更详细的规定。但由于执行规定Netscape Communicator 和Internet Explorer都不支持，所以本文中不再细述。 最后一个问题：如果样式表规则同HTML标签冲突时，如何处理？我们看一下这个例子： I { font－family: impact }
I think East of Eden is Stein beck＇s best novel.
该例中样式表规则要求浏览器使用Impact，但是传统的HTML标签要求用Times字体，一个很明显的传统。 根据正式的样式表规定，应该优先执行样式表规则。 但是当前流行的几种浏览器如Netscape 和IE 4.0 都规定应优先执行HTML。