好资源导航 » 文章资讯 » 在HTML文档中包含外部样式表文件

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

2024-05-13 18:52:04 481

外部样式表是扩展名为.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>