CSS是一種用來(lái)控制HTML文檔外觀和布局的樣式表語(yǔ)言,它可以通過(guò)選擇器來(lái)選擇HTML元素,并對(duì)其樣式進(jìn)行設(shè)置。要將CSS樣式應(yīng)用到HTML文檔中,需要將樣式代碼嵌套在“style”標(biāo)簽內(nèi)或鏈接到外部樣式表文件。
<head> <style> p { color: blue; font-size: 16px; } </style> </head> <body> <p>這是一段文本</p> </body>
在上面的示例中,首先在“head”標(biāo)簽內(nèi)嵌套了一個(gè)“style”標(biāo)簽,然后在其中定義了一個(gè)選擇器“p”,并設(shè)置了字體顏色和大小。然后在“body”標(biāo)簽內(nèi)嵌套一個(gè)“p”標(biāo)簽,并將樣式應(yīng)用于這個(gè)元素。
除了“style”標(biāo)簽,還可以將CSS樣式表鏈接到外部文件。這種方式可以使HTML文檔更簡(jiǎn)潔,而且多個(gè)HTML文檔可以共用一個(gè)樣式表,方便維護(hù)。方法是在“head”標(biāo)簽內(nèi)使用“l(fā)ink”標(biāo)簽,指定樣式表文件的路徑:
<head> <link rel="stylesheet" href="style.css"> </head> <body> <p>這是一段文本</p> </body>
上面的代碼指定了一個(gè)名為“style.css”的外部樣式表文件,使用“href”屬性指定了該文件的路徑。然后在HTML文檔中只需使用相應(yīng)的HTML元素,就可以應(yīng)用在外部樣式表中定義的樣式。
CSS樣式有很多種選擇器和屬性,可以實(shí)現(xiàn)非常精細(xì)的樣式控制。例如可以針對(duì)特定的HTML元素、類名、ID等進(jìn)行樣式設(shè)置,可以調(diào)整字體、顏色、邊框、背景等。使用靈活的CSS樣式,配合HTML的語(yǔ)義化標(biāo)簽,可以創(chuàng)建出美觀且有意義的網(wǎng)頁(yè)。