HTML <style> 标签


实例

在 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>

测验一下 »

浏览器支撑

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 的事情特点


相关文章

HTML 教程:HTML CSS

HTML DOM 参考手册:Style 目标