要包含样式表规则,请使用<style>元素或样式属性,或者甚至使用<link>使用外部样式表。
<link>元素可用于在HTML文档中包括外部样式表文件。
外部样式表是扩展名为.css的单独文本文件。您可以在此文本文件中定义所有样式规则,然后可以使用<link>元素将此文件包含在任何HTML文档中。
这是包括外部CSS文件的语法:
<head> <link href = "..." media = "..." /> </head>
以下是<link>元素的属性:
| 属性 | 值 | 描述 |
|---|---|---|
| 类型 | 文字/ css | 将样式表语言指定为内容类型(MIME类型)。此属性是必需的。 |
| Href | 网址 | 指定具有样式规则的样式表文件。此属性是必需的。 |
| 媒体 | 屏幕 tty 电视 投影 手持式 打印 盲文 听觉 所有 | 指定将在其上显示文档的设备。默认值为all。这是一个可选属性 |
让我们说样式是new.css:
h1, h2 {
color: #36C;
font-weight: normal;
letter-spacing: .4em;
margin-bottom: 1em;
text-transform: lowercase;
}现在,您可以在任何HTML文档中包括以下文件new.css:
<head> <link new = "mystyle.css" media = " all" /> </head>