CSS（層疊樣式表）是用于控制網頁樣式的一種語言。一個網頁通過HTML標記定義網頁結構，CSS則用于定義網頁元素的排版，如文字大小、顏色、位置等。使用CSS可以使網頁更加美觀、易讀、易使用。

CSS采用的設計原則是分離樣式與內容，即HTML結構與樣式要分離開來，樣式可以單獨定義在一個CSS文件中，這樣可以減少重復的代碼，降低頁面加載時間。

/* 在CSS中定義元素樣式 */
p {
font-size: 16px;
color: #333;
line-height: 1.5;
margin: 20px 0;
}
h1 {
font-size: 32px;
color: #000;
text-align: center;
margin-top: 50px;
}

CSS選擇器可以用來選擇一個或多個元素，可以根據元素的標簽名、類名、ID等進行選擇。

/* 類選擇器 */
.item {
display: flex;
justify-content: center;
align-items: center;
}
/* ID選擇器 */
#header {
background-color: #eee;
height: 50px;
}

除了常規樣式，CSS還支持一些高級的效果，如動畫、過渡、陰影等。這些效果可以為網頁增加一些動態的交互效果，提升用戶體驗。

/* 動畫效果 */
@keyframes mymove {
from {left: 0;}
to {left: 200px;}
}
div {
position: absolute;
animation: mymove 5s infinite;
}
/* 過渡效果 */
.transition {
transition: all 0.3s ease;
}
.transition:hover {
background-color: #eee;
color: #333;
}
/* 陰影效果 */
.box {
box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}

總的來說，學習CSS只需要懂得基礎語法和常用選擇器即可，隨著練習的深入，逐漸掌握CSS的高級技巧，設計出美觀、有效的網頁。