CSS,即層疊樣式表,是網(wǎng)頁制作中不可或缺的一項(xiàng)技術(shù)。使用CSS可以為HTML文檔添加樣式,進(jìn)而實(shí)現(xiàn)令人矚目的網(wǎng)頁效果。
那么,在制作靜態(tài)網(wǎng)頁中,我們?nèi)绾问褂肅SS呢?下面將簡單介紹一下CSS的基本用法。
// 在HTML文檔中引入CSS文件 <head> <link rel="stylesheet" href="style.css"> </head>
首先,我們需要在HTML文檔的<head>標(biāo)簽中引入一個CSS文件,上面的代碼中href屬性表示CSS文件所在的路徑。
// 給頁面添加背景顏色 body { background-color: #f5f5f5; }
然后,我們就可以通過CSS為我們的網(wǎng)頁添加樣式了。如上面的代碼所示,我們可以通過選擇器(這里選擇器為“body”)來選擇要添加樣式的元素,然后為它們添加樣式屬性(這里的樣式屬性為“background-color”,即背景顏色)。這樣,我們的網(wǎng)頁就有了一個灰色的背景。
// 給標(biāo)題添加樣式 h1 { font-size: 36px; color: #333; text-align: center; }
我們還可以通過CSS為網(wǎng)頁中的各個元素添加具體的樣式。如上面的代碼所示,我們可以針對標(biāo)題(選擇器為“h1”)添加樣式,包括字號(font-size)、顏色(color)和對齊方式(text-align)。這樣,我們的網(wǎng)頁中的標(biāo)題就會居中顯示,并以深灰色的36號字體呈現(xiàn)。
以上僅僅是CSS的基本用法,CSS的功能和語法還有很多,希望讀者可以在實(shí)踐中逐漸掌握。