CSS是層疊樣式表的縮寫，它為Web頁面設計提供了靈活和豐富的樣式控制。其用途非常廣泛，主要包括以下幾個方面：

/*為網頁中的所有段落增加一個背景色和字體大小*/
p {
background-color: #F5F5DC;
font-size: 16px;
}

1.定義頁面布局
CSS可以通過對HTML元素進行樣式描述和控制，對頁面進行布局風格的定義。通過使用塊級元素和行內元素，以及相應的布局樣式，可以將頁面內容劃分成各種不同的區塊和位置，從而實現豐富多樣的布局效果。

2.改變字體、顏色、大小等樣式
CSS可以直接修改HTML文本的顯示效果，從而提高用戶體驗。通過設置字體、顏色、大小、粗細等樣式，可以讓文本呈現不同的視覺效果，增加頁面的可讀性和吸引力。

/*為網頁中某個class為highlight的元素增加文字特效*/
.highlight {
color: #FF0000;
font-weight: bold;
text-shadow: 1px 1px 2px #000000;
}

3.實現網頁特效
CSS不僅可以控制文本和布局，還可以實現多種特效。例如，通過CSS中的偽元素、偽類，可以實現hover、active、focus等狀態下元素顏色和樣式的改變；還可以實現過渡效果、動畫效果等，讓網頁更生動、更有趣。

4.適配不同設備
在現今的多種設備上，頁面要能夠適配各種屏幕，包括PC端、平板電腦、手機等。CSS通過使用媒體查詢，可以根據不同設備屏幕尺寸和方向，在頁面顯示不同的樣式和布局，提高頁面的適配性和用戶體驗。

/*在屏幕寬度小于400px時，隱藏某個元素*/
@media screen and (max-width: 400px) {
.hidden {
display: none;
}
}

總之，CSS是Web設計中不可缺少的一部分，可以為頁面帶來無限的可能性。熟練掌握CSS的使用方法，可以讓我們更好地實現網頁設計的目標，提高用戶體驗。