< p >在進行網頁設計時，字體和顏色的選擇是很重要的。而CSS中的font和color屬性正好提供了這個功能。< /p >< p >font屬性用于設置字體樣式，包括字體大小、類型、粗細和樣式。具體的語法如下：< /p >< pre >選擇器 { font-size: 像素值/百分比值; font-family: 字體類型; font-weight: normal/bold; font-style: normal/italic; }< /pre >< p >其中，font-size用于設置字體大小，可以是一個像素值或者百分比值。font-family用于設置字體類型，默認情況下是serif，此外還有sans-serif、monospace等可供選擇。font-weight用于設置字體粗細，可以是normal或者bold。font-style用于設置字體樣式，可以是normal或者italic。實例如下：< /p >< pre >p { font-size: 18px; font-family: Arial, sans-serif; font-weight: bold; font-style: italic; }< /pre >< p >與font屬性相似，color屬性用于設置文本顏色。具體的語法如下：< /p >< pre >選擇器 { color: 顏色值; }< /pre >< p >顏色值可以是十六進制值、rgb值、rgba值和顏色名稱，實例如下：< /p >< pre >p { color: #FF0000; /*紅色*/ color: rgb(0, 255, 0); /*綠色*/ color: rgba(0, 0, 255, 0.5); /*半透明的藍色*/ color: silver; /*銀色*/ }< /pre >< p >綜上所述，font和color屬性在網頁設計中扮演著重要角色，合理使用這兩個屬性，可以使頁面看起來更加美觀和易讀。< /p >