CSS3 的 font 和 background 屬性是前端開發中非常常見的兩個樣式屬性，這兩個屬性通過改變字體和背景的樣式，可以讓頁面更加美觀和具有可讀性。下面我們來詳細介紹一下這兩個屬性的使用方法。

/*font屬性*/
font: italic bold 24px/1.5 'Microsoft YaHei',sans-serif;
/*italic為斜體，bold為粗體，24px為字號，1.5為行高，'Microsoft YaHei'為字體名稱，sans-serif為默認字體類型。*/
/*background屬性*/
background: linear-gradient(to bottom, #f2f2f2, #ccc);
/*to bottom為垂直方向漸變，#f2f2f2為起始顏色，#ccc為結束顏色*/

使用 font 屬性可以一次性設置字體、字號、粗細、斜體、字體名稱和默認字體類型等多種樣式，非常方便。同時，我們也可以使用 font-family 屬性單獨設置字體名稱，如：

font-family: 'Microsoft YaHei', sans-serif;

background 屬性可以設置背景的顏色、圖片、漸變等多種效果，具體使用方法如下：

/*設置單一背景色*/
background-color: #ccc;
/*設置背景圖片*/
background-image: url(bg.jpg);
/*設置背景漸變*/
background: -webkit-linear-gradient(#f2f2f2, #ccc); /* Safari 5.1 - 6.0 */
background: -o-linear-gradient(#f2f2f2, #ccc); /* Opera 11.1 - 12.0 */
background: -moz-linear-gradient(#f2f2f2, #ccc); /* Firefox 3.6 - 15 */
background: linear-gradient(#f2f2f2, #ccc); /* 標準的語法 */

總結起來，font 和 background 是前端開發中非常實用的兩個屬性，在頁面樣式設計中有著重要的作用。