为了使HTML文档能够更好的展现出样式,我们需要使用CSS来为HTML文档的各个元素定义样式。CSS可以通过三种方式来定义样式,分别是内部样式、行内样式和外部样式。其中,外部样式是将CSS样式定义在一个单独的文件中,然后在HTML文档中通过link标签来引用的方法。这种方法最为常用,也是非常推荐的。
如上所示,我们可以在HTML文档的head标签中使用link标签来引用外部样式表。其中,rel属性设置为stylesheet,type属性设置为text/css,href属性则指向外部样式表的URL。在外部样式表文件中,我们可以使用CSS语法来定义各个元素的样式,如下所示:
body { background-color: #F0F0F0; font-family: Arial, sans-serif; } h1 { color: navy; text-align: center; } p { color: #333; line-height: 1.5em; }
如上所示,我们可以使用CSS选择器来选择特定的HTML元素,然后为其定义样式。在外部样式表文件中,我们可以同时对多个元素进行定义样式,这样可以大大减少样式代码的冗余,提高代码的可维护性。
总之,使用外部样式表来定义CSS样式是一种高效、灵活、可维护、易扩展的方式,是我们编写HTML文档必备的技能之一。