在html中,如果style是屬性,則需要放置在單個(gè)HTML元素標(biāo)簽中,用于設(shè)置行內(nèi)樣式,語法“<元素名 style="樣式代碼">”;如果style是標(biāo)簽,則需要放置在head標(biāo)簽內(nèi),用于設(shè)置內(nèi)嵌樣式。
本教程操作環(huán)境:windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。
在html中,style的位置情況分兩種:
-
style屬性
-
style標(biāo)簽
1、style屬性
style屬性需要放置在單個(gè)HTML元素標(biāo)簽中,用于設(shè)置行內(nèi)樣式
style 屬性將覆蓋任何全局的樣式設(shè)定,例如在 <style> 標(biāo)簽或在外部樣式表中規(guī)定的樣式。
示例:
<div style="color:red"></div>
2、style標(biāo)簽
style標(biāo)簽應(yīng)該放在<head>標(biāo)簽里面。
因?yàn)闉g覽器解析HTML文檔是自上而下的,這樣<style>標(biāo)簽里的樣式就會(huì)作用到body里的元素上。如果<style>標(biāo)簽寫在<body>標(biāo)簽下面,在這之前的元素的樣式就不會(huì)生效,會(huì)導(dǎo)致頁面結(jié)構(gòu)出來了,而CSS還沒開始渲染。
示例:
<head> <style> bdoy{font-size:14px;} </style> </head>