【網(wǎng)站建設(shè)官網(wǎng)】
<!..下面的標(biāo)題3中使用了行內(nèi)樣式,其優(yōu)先級別高于導(dǎo)入的外部樣式表一>
<h3 style=”font-size:13pt; font-weight:bold;color:#666;text-align:center”>超薄超值款</hl>
<p class=”author”>發(fā)布:樂天之星</p>
<p class=”img”><img src=”images/phone.jpg”/></p>
<p class=”content”>超級商務(wù)……手機(jī)電量。</p>
<!..下面的段落中使用了行內(nèi)樣式,其優(yōu)先級別高于導(dǎo)入的外部樣式表一>
<p style=”color:purple”>購買美亞手機(jī)……不勝枚舉。</p>
</body>
</html>
CSS文件名為extstyle.css,存放在文件夾style中,代碼如下:
h3 {font_size:30pt;font-weight:bold;color:purple; text-align:center)
p{font-size:llpt; color:black;text-indent:2em)產(chǎn)定義段落文字llpt,黑色,文本縮進(jìn)兩個字符+/
p.author {color:blue;text-align:right) 產(chǎn)定義作者文字藍(lán)色、右對齊+/
p.img {text-align:center} /+定義圖像居中對齊+/
p.content {color:blue) p定義內(nèi)容文字藍(lán)色4/
p.note {color:green;text-align:left) /+定義注釋文字綠色、左對齊4/
.bgcolor{background:blue) 嚴(yán)定義類,背景為藍(lán)色+/
【案例說明】
①雖然導(dǎo)入的外部樣式表文件(如extstyle.css)中包含.bg{background:blue),但結(jié)果不是藍(lán)色的背景,依然是淺灰色的背景,因為內(nèi)部樣式表的優(yōu)先級高于前面導(dǎo)入的外部樣式表。
②被@import導(dǎo)入的樣式表的順序決定它們?nèi)绾螌盈B,在不同規(guī)則中出現(xiàn)的相同元素由排在后面的規(guī)則決定。例如,本例<h3 class=”bgcolor”>美亞手機(jī)限時促銷<m3>中文字的背景色由行內(nèi)樣式.bgcolor決定。