層疊樣式表（CSS）可以用來控制網站的外觀和布局。下面是CSS可以實現的一些功能：

/* 添加背景顏色和圖片 */

使用CSS可以為網站添加背景顏色和圖片。可以通過以下代碼添加：

body {
background-color: #f2f2f2;
background-image: url('background.jpg');
}

/* 設置網站字體 */

CSS可以用來調整網站字體，可以通過以下代碼添加：

body {
font-family: Arial, sans-serif;
font-size: 16px;
font-weight: 400;
}

/* 網站布局 */

CSS可以用來控制網站布局，可以通過以下代碼添加：

.container {
width: 80%;
margin: 0 auto;
}
.header {
height: 100px;
background-color: #333;
color: #fff;
}
.sidebar {
width: 20%;
float: left;
}
.content {
width: 80%;
float: left;
}
.footer {
height: 50px;
background-color: #333;
color: #fff;
clear: both;
}

以上代碼定義了一個基本的網站布局，包括一個頭部、側邊欄、內容和底部。網站寬度為80%并居中，側邊欄在左側，內容在右側。

/* 響應式設計 */

CSS可以用來實現響應式設計。響應式設計意味著網站可以自動適應不同設備的大小和屏幕分辨率。可以通過以下代碼實現：

@media screen and (max-width: 768px) {
.sidebar {
width: 100%;
float: none;
}
.content {
width: 100%;
float: none;
}
}

以上代碼定義了當設備寬度小于768像素時，側邊欄和內容應該以100%的寬度顯示，并且不應該使用浮動。

總之，CSS是一個非常強大的工具，可以用來控制網站的外觀和布局。在實際工作中，了解和充分利用CSS的功能，可以極大地提高網站開發的效率和質量。