要包含样式表规则,请使用<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>