HTML <style> 标签

时间：2021-12-18|栏目：HTML手册|点击：次 |我要投稿

实例

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

<html>
 <head>
 <style type="text/css">
 h1 {color:red;}
 p {color:blue;}
 </style>
 </head>

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

浏览器支持

所有主流浏览器都支持 <style> 标签。

标签定义及使用说明

在 <style> 元素中，您可以规定在浏览器中如何呈现 HTML 文档。

每个 HTML 文档能包含多个 <style> 标签。

提示和注释

提示：如需链接外部样式表，请使用 <link> 标签。

提示：如需学习更多有关样式表的知识，请阅读我们的 CSS 教程。

注释：如果没有使用 "scoped" 属性，则每一个 <style> 标签必须位于 head 头部区域。

HTML 4.01 与 HTML5之间的差异

"scoped" 属性是 HTML 5 中的新属性，它允许我们为文档的指定部分定义样式，而不是整个文档。
如果使用 "scoped" 属性，那么所规定的样式只能应用到 style 元素的父元素及其子元素。

属性

新：HTML5 中的新属性。

属性	值	描述
media	media_query	为样式表规定不同的媒体类型。
scoped新	scoped	如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。
type	text/css	规定样式表的 MIME 类型。

全局属性

事件属性

(资源库 www.zyku.net)

HTML style 标签

上一篇：HTML <sub> 标签

栏目：HTML手册

下一篇：HTML <strong> 标签

本文标题：HTML <style> 标签

本文地址：https://www.zyku.net/article/6140.html

更多互联网推荐教程

您可能感兴趣的文章

关于我们 | 版权申明 | 寻求合作 |

重要申明：本站所有的文章、图片、评论等内容，均由网友发表或上传并维护或收集自网络，仅供个人学习交流使用，版权归原作者所有。

如有侵犯您的版权，请与我们联系，我们将在24小时内进行处理、任何非本站因素导致的法律后果，本站均不负任何责任。

联系QQ：95148658 | 邮箱：mb8#qq.com(#换成@)

苏ICP备2020066115号-1

本网站由提供CDN加速/云存储服务