HTML5+CSS3从入门到精通之HTML style 标签-职坐标

HTML5+CSS3从入门到精通之HTML style 标签

沉沙 2019-12-11 来源：阅读 2649 评论 0

摘要：本篇文章探讨了HTML5+CSS3从入门到精通之HTML style 标签，希望阅读本篇文章以后大家有所收获，帮助大家对相关内容的理解更加深入。

本篇文章探讨了HTML5+CSS3从入门到精通之HTML style 标签，希望阅读本篇文章以后大家有所收获，帮助大家对相关内容的理解更加深入。

HTML5+CSS3从入门到精通之HTML style 标签

实例
在 HTML 文档中使用 <style> 元素：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>教程(zhizuobiao.com)</title>
<style type="text/css">
h1 {color:red;}
p {color:blue;}
</style>
</head>

<body>
<h1>这是一个标题</h1>
<p>这是一个段落。</p>
</body>

</html>
尝试一下 »
浏览器支持
Internet ExplorerFirefoxOperaGoogle ChromeSafari
所有主流浏览器都支持 <style> 标签。
标签定义及使用说明
<style> 标签定义 HTML 文档的样式信息。
在 <style> 元素中，您可以规定在浏览器中如何呈现 HTML 文档。
每个 HTML 文档能包含多个 <style> 标签。
提示和注释
提示：如需链接外部样式表，请使用 <link> 标签。
提示：如需学习更多有关样式表的知识，请阅读我们的 CSS 教程。
注释：如果没有使用 "scoped" 属性，则每一个 <style> 标签必须位于 head 头部区域。
HTML 4.01 与 HTML5之间的差异
"scoped" 属性是 HTML 5 中的新属性，它允许我们为文档的指定部分定义样式，而不是整个文档。
如果使用 "scoped" 属性，那么所规定的样式只能应用到 style 元素的父元素及其子元素。
属性
New ：HTML5 中的新属性。
属性值描述
media media_query 为样式表规定不同的媒体类型。
scopedNew scoped 如果使用该属性，则样式仅仅应用到 style 元素的父元素及其子元素。
type text/css 规定样式表的 MIME 类型。
全局属性
<style> 标签支持 HTML 的全局属性。
事件属性
<style> 标签支持 HTML 的事件属性。