在制作網頁的過程中，CSS 是不可或缺的一部分。CSS（Cascading Style Sheets）用來為網頁添加樣式，它控制了網頁中的文本、顏色、布局、字體等方面的展示效果，并且可以在不改變 HTML 代碼的情況下直接修改樣式。本文將介紹一些重要的 CSS 樣式。

/* 1.文本樣式 */
/* 設置字體大小 */
body {
font-size: 16px;
}
/* 設置字體樣式 */
h1 {
font-family: 'Arial', sans-serif;
}
/* 設置文字顏色 */
p {
color: #333;
}
/* 設置文字行高 */
p {
line-height: 1.5;
}
/* 2.盒子模型 */
/* 設置邊框 */
div {
border: 1px solid #ccc;
}
/* 設置內邊距 */
div {
padding: 10px;
}
/* 設置外邊距 */
div {
margin: 10px;
}
/* 3.背景樣式 */
/* 設置背景顏色 */
body {
background-color: #f5f5f5;
}
/* 設置背景圖片 */
body {
background: url('bg.jpg') no-repeat center center fixed;
background-size: cover;
}
/* 4.浮動與定位 */
/* 設置元素浮動 */
.float-left {
float: left;
}
/* 設置元素定位 */
#sidebar {
position: absolute;
top: 0;
right: 0;
}
/* 5.響應式設計 */
/* 設置媒體查詢 */
@media (max-width: 768px) {
/* 在窄屏幕設備下的樣式 */
body {
font-size: 14px;
}
}

以上這些 CSS 樣式只是冰山一角，還有許多其他的樣式。在使用 CSS 的時候，需要根據網頁的實際情況來選擇合適的樣式，以達到視覺效果和用戶體驗的最佳平衡。