淘先锋技术网

首页 1 2 3 4 5 6 7

我们在使用 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标签来引入外部样式表。