如何讓你的網頁看起來更加專業？一個重要的因素就是樣式。在網頁中，樣式就是指CSS，即Cascading Style Sheets。CSS可以控制頁面元素的樣式，使其展現出不同的外觀和布局。在這篇文章中，我們會介紹一些好的CSS編寫實踐，幫你寫出更優秀的CSS代碼。

/* 統一樣式 */
html, body {
margin: 0;
padding: 0;
}
/*class命名規范*/
.header { /*頭部*/
background-color: #333;
color: #fff;
height: 60px;
padding: 10px;
}
.section { /*內容區*/
margin: 10px;
padding: 20px;
}
.footer { /*尾部*/
background-color: #333;
color: #fff;
height: 40px;
padding: 10px;
}
/* 避免重復樣式 */
.link-button {
color: #555;
background-color: #fff;
border: 1px solid #ddd;
text-decoration: none;
padding: 5px 10px;
border-radius: 5px;
}
.submit-button {
color: #fff;
background-color: #337ab7;
border: none;
text-decoration: none;
padding: 5px 10px;
border-radius: 5px;
}
/* 使用flexbox */
.container {
display: flex;
flex-wrap: wrap;
justify-content: space-between;
}
.item {
flex-basis: 30%;
margin-bottom: 20px;
}
/* 媒體查詢 */
@media screen and (max-width: 768px) {
.container {
display: block;
}
.item {
flex-basis: 100%;
}
}

好的CSS編寫實踐可以幫助你寫出清晰、易維護的代碼。通過遵循統一的命名規范，避免重復的樣式，以及使用強大的flexbox布局和響應式設計，你可以輕松地編寫出高效、易于維護的CSS代碼。