CSS(Cascading Style Sheets,層疊樣式表)是一種用于為HTML(Hypertext Markup Language,超文本標(biāo)記語言)或XML(Extensible Markup Language,可擴(kuò)展標(biāo)記語言)等文檔添加樣式(字體、顏色、間距等)的語言。使用CSS可以將文檔內(nèi)容和樣式分離開來,提高了文檔結(jié)構(gòu)的清晰度和樣式的靈活性。此外,CSS還可以減少HTML文檔的大小。
p { color: red; font-size: 16px; line-height: 1.5; }
CSS可以為HTML文檔中的各個(gè)元素添加樣式,如字體、顏色、背景等。上面的代碼片段展示了如何為p標(biāo)簽添加樣式,使其顯示為紅色、16像素大小、1.5倍行距的文本。
CSS還有很多其他的應(yīng)用場景,例如可以實(shí)現(xiàn)網(wǎng)頁布局、響應(yīng)式設(shè)計(jì)、動畫效果等。隨著Web技術(shù)的不斷發(fā)展,CSS也會不斷地發(fā)展和演變,為Web設(shè)計(jì)師和開發(fā)者帶來更多的創(chuàng)意空間。
/* 網(wǎng)頁布局樣例 */ .container { display: flex; flex-direction: column; justify-content: center; align-items: center; } .box { width: 200px; height: 200px; background-color: gray; margin: 10px; } /* 實(shí)現(xiàn)響應(yīng)式設(shè)計(jì) */ @media screen and (max-width: 768px) { .container { flex-direction: row; } } /* 動畫效果樣例 */ .box:hover { transform: scale(1.2); }