CSS是網頁設計中重要的一部分，其作用的目的在于控制屬性與樣式定制。在這篇文章中，我們將會學習基本的CSS知識，并如何將其應用在網頁設計當中。

body {
background-color: lightblue;
}
h1 {
color: white;
text-align: center;
}
p {
font-family: verdana;
font-size: 20px;
}

上述代碼可以使網頁的背景顏色呈現淺藍色，標題會設置文字顏色白色并水平居中，文字則設置為20像素大小，并選用Verdana字體。

CSS的基礎概念包括選擇器、屬性和值。選擇器是指借助于ID或者類名的方式來選定HTML中的標記，屬性是指在樣式表當中的樣式種類，例如背景色和字體等，值則是為屬性所設定的具體屬性值。

#header {
background-color: #FFA500;
}
.menu {
font-size: 18px;
color: white;
}
.button:hover { 
background-color: blue;
color: white;
}

上述代碼中#header和.menu使用ID和類選擇器，可以更加具體地定義選擇器，而.button:hover語法可以在鼠標懸停在元素上的時候更改樣式。常用的樣式還包括邊框、內外邊距、定位和媒體查詢等方法。

在如今時代，CSS是快速而簡單地優化網頁設計的重要工具。應用CSS基礎知識可以為網站提供愉悅的視覺體驗。