在CSS中,我們通常使用選擇器來為元素設(shè)置樣式。但是,有時(shí)候我們也需要在HTML文件內(nèi)部直接指定某個(gè)元素的行內(nèi)樣式。
<p style="color: red;">這是一段紅色的文字</p>
上述代碼中,我們使用了“style”屬性來指定“p”標(biāo)簽的文字顏色為紅色。行內(nèi)樣式的特點(diǎn)是只針對(duì)當(dāng)前元素生效,并且它的優(yōu)先級(jí)高于其他樣式。
除了為文字設(shè)置顏色,我們還可以指定元素的背景顏色、邊框樣式等等。下面是一些常用的行內(nèi)樣式的示例:
<p style="background-color: black; color: white;">這是一段黑底白字的文字</p><p style="border: 1px solid gray;">這是一段帶有灰色邊框的文字</p><p style="font-size: 20px;">這是一段字號(hào)為20像素的文字</p>
盡管行內(nèi)樣式的使用頻率不如CSS樣式表,但是它在某些情況下仍然非常有用。需要注意的是,當(dāng)元素需要多次使用相同的樣式時(shí),最好將這些樣式定義為類或者ID,并在CSS樣式表中統(tǒng)一修改。