HTML <style> 标签
在html中，style标签是使用来定义html文档的样式信息，在该标签中你可以规定浏览器怎样显示html文档内容。除了使用style标签来为元素添加样式外，我们还可以使用 link标签 来引入外部样式文件。
实例
<html><head><style type="text/css">h1 {color: red}p {color: blue}</style></head><body><h1>header 1</h1><p>A paragraph.</p></body></html>
定义和用法
<style> 标签用于为 HTML 文档定义样式信息。在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。type 属性是必需的，定义 style 元素的内容。唯一可能的值是 "text/css"。style 元素位于 head 部分中。
浏览器支持
| 元素 | |||||
|---|---|---|---|---|---|
| <style> | Yes | Yes | Yes | Yes | Yes |
所有主流浏览器都支持 <style> 标签。
提示和注释
提示：如需链接外部样式表，请使用 link标签 来引入外部样式文件。
提示：如需学习更多有关样式表的知识，请学习本站的 CSS教程。
HTML 与 XHTML 之间的差异
无
必需的属性
| 属性 | 值 | 描述 |
|---|---|---|
| type | text/css | 规定样式表的 MIME 类型。 |
可选的属性
| 属性 | 值 | 描述 |
|---|---|---|
| media |
| 为样式表规定不同的媒介类型。 |
全局属性
<style> 标签支持 HTML 中的 全局属性。
事件属性
<style> 标签支持 HTML 中的 事件属性。
更多实例
在不同的屏幕显示不同的样式
<html><head><style>h1 {color:red;}p {color:blue;}</style><style media="all and (max-width: 500px)">h1 {color:green;}p {color:pink;}</style></head><body><h1>这是一个标题。</h1><p>这是一个段落。</p></body></html>