微客导航 » 文章资讯 » 在HTML文档中包括样式表规则的方法是什么

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

2024-04-21 15:02:04 349

要包含样式表规则，请使用<style>元素或样式属性，或者甚至使用<link>使用外部样式表。

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