HTML <style> 标签
实例
在HTML文档中使用<style>元素:
<html>
<head>
<style>
h1 {color:red;}
p {color:blue;}
</style>
</head>
<body>
<h1>这是标题</h1>
<p>这是段落.</p>
</body>
</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;
}
display: none;
}