使用称为嵌入CSS的<style>元素将CSS规则放入HTML文档。该标签位于<head> ... </ head>标签内。使用此语法定义的规则将应用于文档中所有可用的元素。
以下是基于上述语法的CSS嵌入示例:
<!DOCTYPE html>
<html>
<head>
<style media = "all">
body {
background-color: orange;
}
h1 {
color: yellow;
margin-left: 30px;
}
</style>
</head>
<body>
<h1>This is a heading</h1>
<p>This is a paragraph.</p>
</body>
</html>以下是属性:
属性 | 值 | 描述 |
|---|---|---|
类型 | 文字/ css | 将样式表语言指定为内容类型(MIME类型)。这是必填属性。 |
媒体 | 屏幕 tty 电视 投影 手持式 打印 盲文 听觉 所有 | 指定将在其上显示文档的设备。默认值为全部。这是一个可选属性。 |