代码清单4-5文件styles.css a t background-color:grey; color:white } span{ border:thin black solid; padding:10px; ) 样式表中用不着style元素,需要什么样式,只消为其设计好选择器,后面再跟上一套样式声明即可。然后HTML文档就可以用link元素将这些样式导入其中(link元素将在第7章详细介绍)。如代码清单4-6所示。 代码清单4.6导人外部样式表 <!DOCTYPE HlnL> ExamDle Visit the Apress website I likeaPPlesand oranges. Visit the W3C website v 文档想要链接多少样式表都行,为每个样式表使用一个link元素即可。如果不同样式表中的样式使用了相同的选择器,那么这些样式表的导入顺序很重要,在此情况下得以应用的是后导入的样式。 1.从其他样式表中导入样式 可以用@import语句将样式从一个样式表导入另一个样式表。代码清单4-7所示的样式表combined.css示范了这种用法。 代码清单4-7文件combined.CSS 8import“styles·;css”; span{ border:medium black dashed; padding:lopx; } 一个样式表中想要导人多少别的样式表都行,为每个样式表使用一条@import语句即可。@import语句必须位于样式表顶端,样式表自已的样式定义不能出现在它之前。在combined.css这个样式表中,先导入了styles.css,然后再定义了一条针对span元素的新样式。代码清单4-8显示了HTML文档链接combined.CSS样式表的情形。
……