我们在使用 HTML 和 CSS 时经常需要引用外部文件,比如图片、JavaScript 脚本和 CSS 样式。在 CSS 中,我们可以使用src
属性来引用外部样式表,这样可以将样式表与 HTML 文档分离开来,方便统一管理。
使用src
属性将外部样式表引入 HTML 文档中的方式非常简单:
<link rel="stylesheet" type="text/css" href="style.css">
其中,rel
属性表示这个链接是样式表,type
属性指定链接的文档类型,href
属性指定链接地址。
如果你的样式表文件与 HTML 文件不在同一个文件夹下,那么在href
属性中可以使用相对路径或者绝对路径来引用样式表。例如:
<link rel="stylesheet" type="text/css" href="../css/style.css">
这种写法表示样式表文件在上一级目录下的css
文件夹中。
除了link
标签外,在 HTML 中还可以使用@import
指令来引入外部样式表。例如:
@import url("style.css");
但这种方式相对于link
标签来说,有时会导致页面加载缓慢,因此平时我们还是推荐使用link
标签来引入外部样式表。