在HTML文档中包括样式表规则的方法是什么

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