HTML <style> 标签
主题：HTML5 标签参考上一页|下一页
说明
<style> 标签用于在页面级别（即文档内）定义样式规则。 <style> 元素中的样式规则告诉浏览器如何呈现文档。 您可以在文档中放置任意数量的样式元素，但它必须出现在 head 部分（即 <head> 元素）内。 了解有关 样式规则 的更多信息。
下表总结了此标签的使用上下文和版本历史。
| Parent: | <head> |
|---|---|
| Content: | Style information |
| 开始/结束标签： | 开始标签： required, 结束标签：required |
| 版本： | HTML 4, 4.01, 5 |
注意： 然而，<style> 元素是试验样式表的好方法，但它也有缺点。 将样式表附加到文档的最佳方法是使用 外部样式表。
语法
<style> 标签的基本语法如下：
HTML / XHTML: <style type="text/css"> ... </style>
下面的示例显示了 <style> 标签的作用。
<head>
<title>My Document<title>
<style>
h1 {
color: #666;
}
</style>
</head>标签特定属性
下表显示了特定于 <style> 标签的属性。
| 属性 | 值 | 说明 |
|---|---|---|
type |
content-type | 指定样式语言，通常是 text/css。 |
media |
media-types | 指定样式应用于哪些媒体。 该值可以是单个媒体（例如 media="screen"）或逗号分隔的列表（例如 media="screen, print"）。 |
scoped |
scoped |
指定样式仅适用于其父元素和该元素的子节点。 如果不存在，则样式适用于整个文档。 |
全局属性
与所有其他 HTML 标签一样， <style> 标签支持 HTML5 中的全局属性。
事件属性
<style> 标签还支持 HTML5 中的事件属性。
浏览器兼容性
所有主要的现代浏览器都支持 <style> 标签。
 |
基本支持—
|
进一步阅读
相关标签： <link>.
Advertisements