CSS樣式可以使用三種方式引入,分別為內(nèi)聯(lián)式、內(nèi)嵌式和外部式。本篇文章將重點(diǎn)介紹內(nèi)嵌式的引入方式。
內(nèi)嵌式樣式指的是將CSS代碼直接嵌入到HTML文檔中的<head>標(biāo)簽內(nèi),通過<style>標(biāo)簽來定義樣式,這樣可以對(duì)某個(gè)特定的網(wǎng)頁(yè)進(jìn)行樣式的控制。
<!DOCTYPE html> <html> <head> <title>內(nèi)嵌式引入CSS樣式</title> <style> p { font-size: 20px; color: red; } </style> </head> <body> <p>這是一個(gè)使用內(nèi)嵌式引入CSS樣式的段落</p> </body> </html>
以上代碼中,<style>標(biāo)簽包含的CSS代碼直接定義了<p>標(biāo)簽的樣式,包括字體大小、顏色等。這樣,在該HTML文檔中,所有的<p>標(biāo)簽會(huì)自動(dòng)顯示為20px的字體大小,并且顏色為紅色。
需要注意的是,內(nèi)嵌式樣式與內(nèi)聯(lián)式樣式不同,內(nèi)嵌式樣式僅僅對(duì)當(dāng)前網(wǎng)頁(yè)有效,無法在其他網(wǎng)頁(yè)上應(yīng)用該樣式,也無法在其他HTML文檔中引用該樣式。因此,內(nèi)嵌式樣式一般用于對(duì)某特定頁(yè)面進(jìn)行樣式定制,例如首頁(yè)的banner等。