嵌入式 CSS 示例
javascriptweb developmentfront end scripts
使用称为嵌入式 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>
以下是属性:
属性 | 值 | 说明 |
|---|---|---|
类型 | text/css | 将样式表语言指定为内容类型 (MIME 类型)。这是必需属性。 |
媒体 | 屏幕 tty tv 投影 手持 打印 盲文 听觉 全部 | 指定将显示文档的设备。默认值为全部。这是可选属性。 |
