在使用CSS樣式表定義樣式的同時(shí),也可以在HTML元素的內(nèi)部使用行內(nèi)樣式來定義其樣式。行內(nèi)樣式是指直接在HTML標(biāo)記中添加style屬性,并在其中使用CSS屬性和值。
<p style="color: red; font-size: 20px;">這是使用行內(nèi)樣式定義的段落</p>
雖然行內(nèi)樣式可以快速地改變元素的樣式,但是當(dāng)需要對多個(gè)元素應(yīng)用相同的樣式時(shí),就會(huì)顯得繁瑣不便。此時(shí)可以使用CSS選擇器來為多個(gè)元素統(tǒng)一定義樣式。
使用選擇器來定義行內(nèi)樣式可以借助CSS中的id、class、標(biāo)簽選擇器、偽類等,例如:
<p id="demo" class="summary">這是使用選擇器定義的段落</p> <style> #demo { color: blue; font-size: 24px; } .summary { text-align: center; } </style>
在上述代碼中,id選擇器#demo為id為demo的段落標(biāo)簽定義了藍(lán)色字體和24px的字體大小,class選擇器.summary則為所有使用了class為summary的段落標(biāo)簽定義了居中文字排列。
因此,使用選擇器定義行內(nèi)樣式,可以靈活實(shí)現(xiàn)對多個(gè)元素進(jìn)行樣式設(shè)置,既方便又減少了不必要的代碼。