使用称为嵌入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 电视 投影 手持式 打印 盲文 听觉 所有 | 指定将在其上显示文档的设备。默认值为全部。这是一个可选属性。 |