在网页制作中,CSS样式表是一个不可或缺的部分,可以实现网页的美化和布局。在使用CSS样式表时,有两种方式:内部样式表和外部样式表。本文将针对外部样式表的引用方式进行介绍。
外部样式表是一种独立的 .css 文件,可以包含整个网站的样式。为了将外部样式表引入到 HTML 文档中,需要使用 <link> 标签。
<link rel="stylesheet" type="text/css" href="style.css">
上述代码中,<link> 标签使用了三个属性:
- rel:规定与文档之间的关系,这里指样式表与 HTML 文档是“stylesheet”(样式表)的关系。
- type:规定样式表的类型,这里是“text/css”表明样式表的内容为 CSS 样式。
- href:规定外部样式表文件的位置(路径)及文件名。例如,上述代码中的“style.css”文件应该与 HTML 文档在同一个目录下。
需要注意的是,<link> 标签应该放在 HTML 文档的 <head> 标签中。
<head> <link rel="stylesheet" type="text/css" href="style.css"> </head>
通过外部样式表引入 CSS 样式,可以实现代码分离,方便维护和管理。同时,多个 HTML 文档可以共享一份外部样式表,提高重用性和代码效率。