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> 标签。

提示：如需学习更多有关样式表的知识，请阅读我们的 CSS 教程。

HTML 与 XHTML 之间的差异

NONE

必需的属性

属性 值 描述
type text/css 规定样式表的 MIME 类型。

可选的属性

属性 值 描述
media
  • screen
  • tty
  • tv
  • projection
  • handheld
  • print
  • braille
  • aural
  • all
 为样式表规定不同的媒介类型。

全局属性

<style> 标签支持 HTML 中的全局属性。

事件属性

<style> 标签支持 HTML 中的事件属性。

TIY 实例

HTML中的样式
本例演示如何使用添加到 <head> 部分的样式信息对 HTML 进行格式化。
没有下划线的链接
本例演示如何使用样式属性做一个没有下划线的链接。
链接到一个外部样式表
本例演示如何<link>标签链接到一个外部样式表。

相关页面

HTML DOM 参考手册：Style 对象

VUE