在網頁設計中，CSS是我們的最佳搭檔。CSS可以讓我們輕松地控制網頁的樣式，從而讓網頁變得更加美觀和易于閱讀。以下是一些使用CSS樣式的最佳實踐。

/* 設置字體樣式 */
body {
font-family: Arial, Helvetica, sans-serif;
font-size: 16px;
line-height: 1.5;
}
/* 設置顏色 */
h1 {
color: #333;
}
/* 設置邊框 */
.box {
border: 1px solid #ccc;
border-radius: 5px;
}
/* 設置背景圖像 */
header {
background-image: url('header.jpg');
background-size: cover;
}
/* 設置寬度和高度 */
img {
width: 100%;
height: auto;
}
/* 設置對齊方式 */
.text-center {
text-align: center;
}
/* 設置間距 */
p {
margin: 10px 0;
}
/* 設置陰影 */
.box-shadow {
box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.3);
}
/* 設置動畫效果 */
.btn {
transition: all 0.3s ease-in-out;
}
.btn:hover {
background-color: #333;
color: #fff;
}

使用這些CSS樣式，可以讓您的網頁看起來更加專業和有條理。同時，使用CSS樣式也可以讓您的網頁更加易于維護和管理。好的CSS樣式應該將內容和設計分離，從而讓您可以更輕松地修改網頁的樣式和布局。