在 HTML 文档中包括外部样式表文件


<link> 元素可用于在 HTML 文档中包括一个外部样式表文件。

外部样式表是一个带有 .css 扩展名的单独文本文件。在此文本文件中,你定义所有样式规则,然后,你可以使用 <link> 元素将其包括在任何 HTML 文档中。

考虑一个具有以下规则的名为 new.css 的简单样式表文件

h1, h2, h3 {
   color: #36C;
   font-weight: normal;
   letter-spacing: .4em;
   margin-bottom: 1em;
   text-transform: lowercase;
}

现在,你可以如下在任何 HTML 文档中包括此文件 new.css

<head>
   <link type = "text/css" href = "new.css" media = " all" />
</head>

更新于:2020 年 1 月 30 日

456 次浏览

开启你的 职业生涯

通过完成课程,获取认证

开始
广告