更新时间:2014年8月20日

style元素(样式表信息)

<style>~</style>

在style元素中记述层叠样式信息,所定义的样式信息将适用于文档全体,或者只适用于由style元素标识的范围。

属性

1、type内容属性
指定层叠样式表的MIME类型。如果没有指定,其MIME类型会自动默认为“text/css”。因此,一般情况下,网页中使用的样式表没有必要放入type内容属性。
2、media内容属性
指定适应于样式信息的目标媒介。如果省略了media内容属性,那么media的内容属性将被默认为“all”,就是适用于任何媒介体。
3、scoped内容属性
如果使用该属性,那么所规定的样式只能应用到styple元素的母元素及子元素。scoped内容属性属于逻辑属性。截至2014年8月只有部分浏览器支持该属性。

使用例

<p>段落1:不适用style元素中的样式信息</p>

<div>

<style scoped="scoped">

p{

color:blue;

}

</style>

<p>段落2:适用style元素中的样式信息</p>

</div>

浏览器上的显示结果↓



段落1:不适用style元素中的样式信息

段落2:适用style元素中的样式信息

X

浏览器支持情况

元素
style yes yes yes yes yes