HTML <style> 标签 · W3School HTML 参考手册

# HTML <style> 标签 ## 实例 ``` <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> ``` ## 浏览器支持 | IE | Firefox | Chrome | Safari | Opera | | --- | --- | --- | --- | --- | 所有主流浏览器都支持 <style> 标签。 ## 定义和用法 <style> 标签用于为 HTML 文档定义样式信息。在 style 中，您可以规定在浏览器中如何呈现 HTML 文档。 type 属性是必需的，定义 style 元素的内容。唯一可能的值是 "text/css"。 style 元素位于 head 部分中。 ## 提示和注释提示：如需链接外部样式表，请使用 [<link> 标签](/tags/tag_link.asp "HTML <link> 标签")。提示：如需学习更多有关样式表的知识，请阅读我们的 [CSS 教程](/css/index.asp "CSS 教程")。 ## HTML 与 XHTML 之间的差异 NONE ## 必需的属性 | 属性 | 值 | 描述 | | --- | --- | --- | | [type](/tags/att_style_type.asp "HTML <style> 标签的 type 属性") | text/css | 规定样式表的 MIME 类型。 | ## 可选的属性 | 属性 | 值 | 描述 | | --- | --- | --- | | [media](/tags/att_style_media.asp "HTML <style> 标签的 media 属性") | `screen` `tty` `tv` `projection` `handheld` `print` `braille` `aural` `all` | 为样式表规定不同的媒介类型。 | ## 全局属性 <style> 标签支持 [HTML 中的全局属性](/tags/html_ref_standardattributes.asp)。 ## 事件属性 <style> 标签支持 [HTML 中的事件属性](/tags/html_ref_eventattributes.asp)。 ## TIY 实例 [HTML中的样式](/tiy/t.asp?f=html_style) 本例演示如何使用添加到 <head> 部分的样式信息对 HTML 进行格式化。 ``` <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> ``` [没有下划线的链接](/tiy/t.asp?f=html_linknoline) 本例演示如何使用样式属性做一个没有下划线的链接。 ``` <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312" /> <meta http-equiv="Content-Language" content="zh-cn" /> </head> <body> <a href="/example/html/lastpage.html" style="text-decoration:none"> 这是一个链接！ </a> </body> </html> ``` [链接到一个外部样式表](/tiy/t.asp?f=html_link) 本例演示如何<link>标签链接到一个外部样式表。 ``` <html> <head> <link rel="stylesheet" type="text/css" href="/html/csstest1.css" > </head> <body> <h1>我通过外部样式表进行格式化。</h1> <p>我也一样！</p> </body> </html> ``` ## 相关页面 HTML DOM 参考手册：[Style 对象](/jsref/dom_obj_style.asp "HTML DOM Style 对象")