CSS是前端開發中的一個重要技術，它可以讓我們對網站的樣式進行自由的定制。其中， 字體和圖片是網站設計中的兩個關鍵元素，本文章將重點討論CSS字體和圖片的相關用法。

CSS字體

CSS字體屬性可以用于修改文字的風格、大小、顏色，從而改變網站的整體風格。使用CSS的字體屬性可以控制整個HTML頁面的字體，也可以針對具體某一部分進行字體的修改。下面是一些常用的CSS字體屬性：

body {
font-family: "Helvetica Neue", Arial, sans-serif;
font-size: 16px;
color: #333;
}

上面的代碼中，我們使用了font-family屬性來指定文本的字體，其中"Helvetica Neue"是字體族名稱，Arial和sans-serif是字體族中的字體類型；font-size屬性用于指定字體的大小，單位可以是px、em或rem；color屬性用于設置文本顏色。

CSS圖片

CSS可以用圖片來豐富網站頁面的設計風格，下面是一些常用的CSS圖片相關屬性：

.logo {
background-image: url('logo.png');
background-size: cover;
background-position: center;
}
.banner {
background: url('banner.jpg') no-repeat center center fixed;
background-size: cover;
}

上面的代碼中，我們使用了background-image屬性來指定元素背景圖片的URL，可以是相對路徑或絕對路徑；background-size屬性用于設置背景圖片大小，其中cover用于填充整個背景；background-position屬性用于設置背景圖片在元素中的位置；background屬性結合了上述三個屬性，還包括no-repeat和fixed屬性。

總之，CSS的字體和圖片屬性能夠讓我們輕松控制文本文字和圖片的樣式，達到網站設計中需要的效果。