HTML <style> 标签

实例

在HTML文档中使用<style>元素:

<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>

<h1>这是标题</h1>
<p>这是段落.</p>

</body>
</html>
运行 »

定义和用法

<style> 标记用于定义HTML文档的样式信息.

在<style> 元素中,您可以指定HTML元素在浏览器中的呈现方式.

每个HTML文档都可以包含多个 <style> 标记.


浏览器支持

Element
<style> Yes Yes Yes Yes Yes

提示和注意事项

提示:要链接到外部样式表,请使用 <link>标记.

提示:要了解有关样式表的更多信息,请阅读我们的 CSS教程 .



属性

= HTML5中的新功能.

属性 描述
media media_query 指定媒体资源优化的media/device
type text/css 指定<style>标记的媒体类型

全局属性

<style> 标记还支持HTML中的 全局属性 .


事件属性

<style> 标记还支持HTML中的 事件属性 .


相关页面

HTML教程: HTML CSS

CSS教程: CSS教程

HTML DOM参考: Style对象


默认CSS设置

大多数浏览器将使用以下默认值显示 <style> 元素:

style {
    display: none;
}