如何使用嵌入式Embedding

 大连网站建设     |      2020年04月06日

使用HTML中的style元素可以在HTML页面中定义CSS样式,这就是嵌入式CSS定义。style元素的定义位于HTML文档头部,它位于head元素内。  

在HTML4时,通过HTML注释标签,用户可以隐藏style元素的内容,虽然被隐藏,但是浏览器仍然能够读取并且呈现出style属性,但是它不允许不支持此类型的浏览器忽略样式表。  

但是对于HTML5来说,注释不再被允许,因为符合HTML5标准的浏览器都可以识别style元素,并且正确的执行。  

如何使用嵌入式Embedding

用户可以在一个HTML文档头部定义多个style元素,实现多个样式表。除了全局属性。style元素还包括以下几个重要属性。  

1、style属性用来定义样式表的语言,该属性可以指定样式表语言的类型,必须是正确的MIME类型。  

2、media属性用来指定样式表索要应用的介质。属性值可以是单个介质描述符,也可以是逗号隔开的多个介质描述符,这样就可以应用于多种介质。如果忽略该属性,那么默认值就是all,表示适用多种介质。  

3、scoped属性是一个逻辑值,表示样式应用的范围。如果一个style元素定义该属性,那么当前style元素定义的样式仅应用到它的直接父元素的内容。如果不指定scoped属性,该style元素定义的样式可以应用到整个文档。  

4、全局属性中的title属性对于style元素有特殊的含义,如果定义title属性,就可以声明一个“可替换样式表”,用户使用浏览器的时候,就可以从中选择,这样就不会应用它样式表。  

特定的样式表语言有不同的实现规则,对于CSS,可以在style元素中实现多种样式的定义,也可以定义多种类型的选择符。  


原创·大金SEO http://www.dajinseo.com/p/370.html