# HTML &lt;style&gt; 标签 ## 实例 ``` <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 | | --- | --- | --- | --- | --- | 所有主流浏览器都支持 &lt;style&gt; 标签。 ## 定义和用法 &lt;style&gt; 标签用于为 HTML 文档定义样式信息。 在 style 中,您可以规定在浏览器中如何呈现 HTML 文档。 type 属性是必需的,定义 style 元素的内容。唯一可能的值是 "text/css"。 style 元素位于 head 部分中。 ## 提示和注释 提示:如需链接外部样式表,请使用 [&lt;link&gt; 标签](/tags/tag_link.asp "HTML &lt;link&gt; 标签")。 提示:如需学习更多有关样式表的知识,请阅读我们的 [CSS 教程](/css/index.asp "CSS 教程")。 ## HTML 与 XHTML 之间的差异 NONE ## 必需的属性 | 属性 | 值 | 描述 | | --- | --- | --- | | [type](/tags/att_style_type.asp "HTML &lt;style&gt; 标签的 type 属性") | text/css | 规定样式表的 MIME 类型。 | ## 可选的属性 | 属性 | 值 | 描述 | | --- | --- | --- | | [media](/tags/att_style_media.asp "HTML &lt;style&gt; 标签的 media 属性") | `screen` `tty` `tv` `projection` `handheld` `print` `braille` `aural` `all` | 为样式表规定不同的媒介类型。 | ## 全局属性 &lt;style&gt; 标签支持 [HTML 中的全局属性](/tags/html_ref_standardattributes.asp)。 ## 事件属性 &lt;style&gt; 标签支持 [HTML 中的事件属性](/tags/html_ref_eventattributes.asp)。 ## TIY 实例 [HTML中的样式](/tiy/t.asp?f=html_style) 本例演示如何使用添加到 &lt;head&gt; 部分的样式信息对 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) 本例演示如何&lt;link&gt;标签链接到一个外部样式表。 ``` <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 对象")