CSS是一門用于描述網頁樣式的語言，它可以讓我們將HTML文檔變得更加美觀與整潔。在這里，我們來學習CSS的基礎八部分。

/* 1. 選擇器 */
h1 {
color: blue;
font-size: 28px;
}
/* 2. 類選擇器 */
.special {
background-color: yellow;
border: 1px solid black;
}
/* 3. ID選擇器 */
#logo {
width: 200px;
height: 100px;
}
/* 4. 盒子模型 */
.box {
width: 200px;
height: 150px;
margin: 20px;
padding: 10px;
border: 1px solid black;
}
/* 5. 定位 */
.example {
position: relative;
top: 30px;
left: 50px;
}
/* 6. 浮動 */
.left {
float: left;
}
/* 7. 清除浮動 */
.clearfix::after {
content: "";
clear: both;
display: block;
}
/* 8. 響應式布局 */
@media screen and (max-width: 768px) {
.sidebar {
display: none;
}
}

以上就是CSS的基礎八部分。通過學習這些知識，我們可以更加靈活地控制網頁的樣式，實現更多的創意和想象力。希望大家可以認真學習并應用到實際項目中。