CSS代碼是網站設計中必不可少的一部分，它負責控制網頁布局、樣式和交互效果等方面。在編寫CSS代碼時，需要遵循一定的規則和格式。

/* 使用pre標簽展示CSS代碼 */
/* 選擇器 */
p {
color: red;
font-size: 18px;
text-align: center;
}
/* 屬性和屬性值 */
background-color: #89ABC1;
border: 1px solid black;
/* 注釋 */
/* 這是一個注釋 */
/* 導入其他文件 */
@import url("styles.css");
/* 媒體查詢 */
@media screen and (max-width: 600px) {
/* CSS代碼 */
}
/* 偽類 */
a:hover {
text-decoration: underline;
}
/* 偽元素 */
p::first-letter {
font-size: 24px;
}
/* 繼承 */
h1 {
font-family: Arial, sans-serif;
}
/* 清除默認樣式 */
* {
margin: 0;
padding: 0;
}

CSS代碼對于網頁設計來說非常重要，展示出優美的網站設計就是離不開它的！