如何添加CSS樣式
CSS樣式是一種用于描述HTML元素在瀏覽器中的外觀和表現(xiàn)的語(yǔ)言,在HTML中,可以使用以下兩種方法添加CSS樣式:
1、內(nèi)聯(lián)樣式:將CSS樣式直接添加到HTML元素中,使用style
屬性指定樣式規(guī)則。
<p style="color: red;">這是一段紅色的文本。</p>
2、外部樣式表:將CSS樣式規(guī)則寫在一個(gè)單獨(dú)的文本文件中,然后在HTML中通過link
元素引入該文件。
<head> <link rel="stylesheet" href="style.css"> </head>
在外部樣式表中,可以定義全局樣式規(guī)則,也可以針對(duì)特定的HTML元素定義樣式,在style.css
文件中:
p { color: red; }
上述代碼會(huì)將所有<p>
元素的文本顏色設(shè)置為紅色。
除了以上兩種方法,還可以將CSS樣式添加到HTML元素的class
屬性中,然后通過CSS選擇器來應(yīng)用樣式。
<p class="red-text">這是一段紅色的文本。</p>
在外部樣式表中:
.red-text { color: red; }
上述代碼會(huì)將所有帶有red-text
類的元素文本顏色設(shè)置為紅色,這種方法可以實(shí)現(xiàn)樣式的復(fù)用和模塊化。