数据结构
网络
RDBMS
操作系统
Java
MS Excel
iOS
HTML
CSS
Android
Python
C 编程
C++
C#
MongoDB
MySQL
Javascript
PHP
物理
化学
生物
数学
英语
经济学
心理学
社会研究
时装学
法学HTML 文档中包含样式表规则的方式
要包含样式表规则，可以使用 <style> 元素或 style 属性，甚至可以使用 <link> 包含外部样式表。
可以使用 <link> 元素在 HTML 文档中包含外部样式表文件。
外部样式表是一个带有 .css 扩展名的独立文本文件。你可以在该文本文件中定义所有样式规则，然后可以使用 <link> 元素将其包含到任何 HTML 文档中。
下面是包含外部 CSS 文件的语法
<head> <link href = "..." media = "..." /> </head>
以下是 <link> 元素的属性
| 属性 | 值 | 说明 |
|---|---|---|
| 类型 | text/css | 将样式表语言指定为内容类型 (MIME 类型)。此属性是必需的。 |
| Href | URL | 指定包含样式规则的样式表文件。此属性是必需的。 |
| 媒体 | 屏幕 电传 电视 投影 手持 打印 盲文 听觉 全部 | 指定将在其上显示文档的设备。默认值为全部。这是一个可选属性 |
假设样式文件为 new.css:
h1, h2 {
color: #36C;
font-weight: normal;
letter-spacing: .4em;
margin-bottom: 1em;
text-transform: lowercase;
}那么现在您可以通过如下步骤将此文件 new.css 包含在任何 HTML 文档中
<head> <link new = "mystyle.css" media = " all" /> </head>
更新于： 30-1 月 2020
263 次浏览
广告