使用CSS可以讓我們更方便地控制網(wǎng)頁樣式,讓網(wǎng)頁更加美觀、易讀。下面是一個簡單的CSS文件代碼實例:
/* 設置h1和h2元素顏色和字體 */ h1, h2 { color: #333; font-family: Arial, sans-serif; } /* 設置p元素字體大小和行高 */ p { font-size: 16px; line-height: 1.5; } /* 設置鏈接的顏色和下劃線 */ a { color: #0066cc; text-decoration: none; } /* 鼠標懸浮在鏈接上時改變顏色 */ a:hover { color: #cc0000; }
在這段代碼中,我們使用了選擇器來定位需要設置樣式的元素。比如h1和h2元素,我們選擇器用了“,”分隔符將它們放在一起,表示需要設置相同的樣式。p元素,我們只寫了一個選擇器,表示需要將樣式應用于所有的p元素。
除了選擇器,我們還設置了不同的屬性,比如顏色、字體、行高等等。在這段代碼中我們使用了注釋,將每一部分的作用說明更加明確、易讀。
當我們將這段代碼放在HTML文件中的<head>標簽中,我們就可以讓所有的h1、h2、p、a元素都應用上這些樣式了。不同的選擇器和屬性可以形成千變?nèi)f化的樣式效果,讓網(wǎng)頁更加獨特有趣。