CSS樣式是網頁設計中不可或缺的一部分,它可以讓網頁更加美觀、易讀、易于導航。下面就來舉幾個CSS樣式的格式的例子。
/* 選擇器+屬性 */ body { background-color: #EDEDED; } /* 選擇器+多個屬性 */ h1 { color: red; font-size: 36px; text-align: center; } /* 選擇器+偽類 */ a:hover { color: blue; } /* 派生選擇器 */ ul li { list-style: none; } /* 類選擇器 */ .warning { color: orange; } /* ID選擇器 */ #header { background-color: black; } /* 多個選擇器組合 */ h2, h3, h4 { font-family: Arial; } /* 屬性選擇器 */ input[type="text"] { border: 1px solid #ccc; }
上面這些例子展示了CSS樣式的一些常見格式。格式可以讓CSS樣式更加清晰易懂,也方便代碼的維護。開發者可以根據自己的需求和美感,根據這些格式自由組合,達到設計的目的。