这篇文章主要介绍了html中style标签怎么用,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。
HTML<style>标签
实例
在HTML文档中使用<style>元素:
<!DOCTYPEhtml>
<html>
<head>
<metacharset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<styletype="text/css">
h2{color:red;}
p{color:blue;}
</style>
</head>
<body>
<h2>这是一个标题</h2>
<p>这是一个段落。</p>
</body>
</html>
浏览器支持
所有主流浏览器都支持<style>标签。
标签定义及使用说明
<style>标签定义HTML文档的样式信息。
在<style>元素中,您可以规定在浏览器中如何呈现HTML文档。
每个HTML文档能包含多个<style>标签。
提示和注释
提示:如需链接外部样式表,请使用<link>标签。
提示:如需学习更多有关样式表的知识,请阅读我们的CSS教程。
注释:如果没有使用"scoped"属性,则每一个<style>标签必须位于head头部区域。
HTML4.01与HTML5之间的差异
"scoped"属性是HTML5中的新属性,它允许我们为文档的指定部分定义样式,而不是整个文档。
如果使用"scoped"属性,那么所规定的样式只能应用到style元素的父元素及其子元素。
全局属性
<style>标签支持HTML的全局属性。
事件属性
<style>标签支持HTML的事件属性。
感谢你能够认真阅读完这篇文章,希望小编分享的“html中style标签怎么用”这篇文章对大家有帮助,同时也希望大家多多支持编程网,关注编程网行业资讯频道,更多相关知识等着你来学习!