CSS代碼示例及詳解
CSS,即層疊樣式表,是一種用來描述HTML文檔樣式的語言,在網(wǎng)頁設(shè)計(jì)中,CSS可以用來設(shè)置網(wǎng)頁元素的樣式,如顏色、大小、位置等,從而制作出美觀、易用的網(wǎng)頁。
以下是一個簡單的CSS代碼示例:
body { background-color: lightblue; font-family: Arial, sans-serif; } h1 { color: navy; font-size: 24px; } p { color: black; font-size: 16px; }
在這個示例中,body
、h1
和p
分別代表了HTML文檔中的不同元素。background-color
、font-family
、color
和font-size
則是CSS中的屬性,用來設(shè)置元素的樣式。
body
元素設(shè)置了背景顏色和字體,背景顏色為淺藍(lán)色,字體為Arial,如果沒有Arial字體,則使用其他無襯線字體。
h1
元素設(shè)置了顏色和字體大小,顏色為海軍藍(lán),字體大小為24像素。
p
元素也設(shè)置了顏色和字體大小,顏色為黑色,字體大小為16像素。
通過CSS代碼,我們可以輕松地控制網(wǎng)頁元素的樣式,制作出符合設(shè)計(jì)要求的網(wǎng)頁,CSS還支持豐富的樣式屬性,如邊框、陰影、動畫等,使得網(wǎng)頁的樣式更加豐富多樣。