CSS（Cascading Style Sheets）樣式是網頁設計中的必備技能之一，它可以控制網頁的外觀與布局。正確的CSS樣式設置不僅可以提高網頁的美觀度，還可以提升網站的用戶體驗。以下是CSS樣式設置的規范。

/* 樣式規范 */
/* 1.注釋 */
/* 在代碼中添加注釋可以方便自己和其他人理解代碼的作用 */
/* 使用 /* 這種注釋方式 */
/* 2.選擇器 */
/* 選擇器需要使用合理的命名，避免沖突和歧義 */
/* 使用語義化的類名和id名 */
/* 避免使用表象和位置相關的命名 */
/* 使用BEM命名法或其他合理的命名法 */
/* 3.樣式聲明 */
/* 使用縮進和空格來使代碼更易讀，并且盡量遵循統一的代碼風格 */
/* 使用駝峰式命名 */
/* 避免使用 !important */
/* 樣式的排列順序為布局樣式 >邊框與背景 >字體 >其余屬性 */
/* 4.文件結構 */
/* 建議將CSS文件拆分為多個文件，并且按照功能模塊組織，方便維護 */
/* 示例代碼 */
/* 注釋示例 */
/* 模塊: 搜索框 */
/* 作用：控制搜索框的樣式 */
/* 選擇器示例 */
.search-box {...}
.sub-title {...}
.title-bar {...}
/* 樣式聲明示例 */
.search-box {
background-color: #f6f6f6;
border: 1px solid #d4d4d4;
box-sizing: border-box;
padding: 10px;
position: relative;
}
/* 文件結構示例 */
/* layout.css */
.container {...}
.header {...}
.footer {...}
/* form.css */
.form-group {...}
input[type="text"] {...}
input[type="submit"] {...}
/* button.css */
.button {...}
.button-primary {...}