在網(wǎng)頁設(shè)計中，CSS（層疊樣式表）是設(shè)計者可以對網(wǎng)頁進行自定義風格的關(guān)鍵。使用CSS可以對網(wǎng)頁的字體、顏色、大小、布局、背景等進行修改和設(shè)計。

body {
font-size: 16px;
font-family: Arial, sans-serif;
background-color: #ffffff;
color: #333333;
}

如上代碼是一個簡單的CSS樣式表，用來指定整個頁面的基本風格，可以在head標簽中通過link標簽引入。在這段代碼中，設(shè)置了頁面的背景顏色為白色，文字顏色為深灰色，字體為16px大小的Arial字體。CSS 指令的語法很簡單，號稱是最容易上手的程序語言之一。

選擇器是CSS規(guī)則的基本組成部分，它用于選取要設(shè)置樣式的HTML元素，如上述樣式表中選擇器為body。

h1 {
font-size: 24px;
font-weight: bold;
color: #ff0000;
text-align: center;
}

除了全局設(shè)置樣式外，我們還可以對具體的標簽設(shè)置樣式。在上述例子中，我們設(shè)置了h1標簽的樣式：字體大小為24px，加粗，顏色為紅色，并且文本居中對齊。

同一個標簽可以使用多個樣式，甚至是不同的文件，通過層疊的方式來覆蓋。另外，使用 !important關(guān)鍵字可以強制一個屬性在所有規(guī)則中具有最高優(yōu)先級，新手需謹慎使用。

.button {
border: 1px solid #333;
padding: 10px;
font-size: 18px;
color: #000;
background-color: #fff;
}
.button:hover {
background-color: #333;
color: #fff;
}

上述代碼是按鈕的樣式，按鈕樣式被定義為.button類。在CSS中，類選擇器使用.開頭。鼠標懸停在按鈕上時，使用:hover偽類來改變樣式，鼠標經(jīng)過時背景顏色變?yōu)楹谏⑶椅淖诸伾優(yōu)榘咨４舜a也演示了使用樣式規(guī)則縮短代碼量的好處。

CSS作為HTML的一部分，是網(wǎng)頁設(shè)計中不可或缺的一環(huán)，良好的CSS設(shè)計具有可維護、可擴展性強的優(yōu)點。通過靈活運用CSS，網(wǎng)頁設(shè)計可以更為美觀、規(guī)范、易于閱讀。建議大家在編寫CSS時，盡量規(guī)范化命名、縮短代碼量，可以讓代碼更易讀、易維護，同時也有助于提高網(wǎng)站的性能。