例
在使用<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;
}