CSS 級聯樣式表的一個重要功能是可以通過改變屬性的值來改變網頁的表現效果。下面是一些常見的屬性及其可選的值:
color: - red - orange - yellow - green - blue - purple font-size: - 12px - 16px - 20px - 24px - 28px - 32px background-color: - white - gray - black - blue - green - red border: - solid 1px black - dashed 2px gray - dotted 3px blue - none text-align: - left - center - right
要改變某個元素的屬性值,在樣式表里可以使用選擇器和聲明塊的方式:
p { color: blue; font-size: 20px; } .button { background-color: green; border: solid 1px black; text-align: center; }
以上代碼將所有的 p 元素的字體顏色設為藍色,字體大小設為 20px。同時,類名為 button 的元素(通常是指按鈕)的背景色設為綠色,邊框為黑色實線,文本居中對齊。
通過改變屬性的值,CSS 可以讓網頁呈現出不同的視覺效果,增強用戶體驗。但過多的變化可能會導致頁面繁瑣不清,造成用戶困擾,因此應該選擇適合頁面主題和需求的樣式。