最新的Web开发教程
 

HTML <style> Tag


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

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

</style>
</head>
<body>

<h1>A heading</h1>
<p>A paragraph.</p>

</body>
</html>
试一试»

定义和用法

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

里面<style>元素您指定的HTML元素应在浏览器中呈现。

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


浏览器支持

元件
<style>

提示和注意

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

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

注意:如果"scoped" ,不使用属性,每个<style>标签必须位于head部分。


HTML 4.01和HTML5之间的差异

"scoped"属性,HTML5,它允许定义样式为文档的指定部分是新的。 如果"scoped"属性存在,样式只适用于风格元素的父元素,该元素的子元素。


属性

=新的HTML5。

属性 描述
media media_query 指定的介质/设备的媒体资源的优化
scoped scoped 指定的样式仅应用于此元素的父元素,该元素的子元素
type text/css 指定的媒体类型<style>标签

全局属性

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


事件属性

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


相关页面

HTML教程: HTML CSS

CSS教程: CSS教程

HTML DOM参考: Style对象


默认设置CSS

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

style {
    display: none;
}