CSS中的外部样式表是一种将CSS代码分离出来并存储在单独文件中的方式。这种方式的优点在于可以让你在多个页面上共享同一个CSS样式表。要在HTML文档中链接一个外部样式表,你需要在HTML文档的标签内...
CSS中的外部样式表是一种将CSS代码分离出来并存储在单独文件中的方式。这种方式的优点在于可以让你在多个页面上共享同一个CSS样式表。
要在HTML文档中链接一个外部样式表,你需要在HTML文档的标签内通过如下代码声明:
<head>
<link rel="stylesheet" type="text/css" href="style.css">
</head> 这个代码块中,<link>标签被用来声明外部样式表的链接,其中rel属性定义文件的关系为stylesheet,type属性定义文件类型为text/css,href属性定义文件路径为style.css。
一旦你声明的CSS样式表被外部链接,当HTML文档被打开时,所有的样式表都被自动应用到关联的HTML文档中。
需要注意的是,所有的CSS规则都必须写在样式表文件中,而不能在HTML文件中使用style属性定义内联样式。因为内联样式会覆盖外部样式表中的样式规则,从而降低了样式表的优势。