Web 前端開發中，CSS 是很重要的一個組成部分。本文整理了一些常用的 CSS 詞組，希望能夠對大家的工作或學習有所幫助。

/* 盒子模型 */
box-sizing: content-box; /* 默認值 */
box-sizing: border-box; /* 將 padding 和 border 計算入盒子大小 */
/* 居中 */
text-align: center; /* 水平居中 */
vertical-align: middle; /* 垂直居中 */
margin: 0 auto; /* 水平居中 */
/* 布局 */
float: left; /* 浮動 */
clear: both; /* 清除浮動 */
position: relative; /* 相對定位 */
position: absolute; /* 絕對定位 */
display: inline-block; /* 行內塊級元素 */
display: none; /* 隱藏元素 */
/* 文字相關 */
font-size: 14px; /* 字號 */
font-weight: bold; /* 粗體 */
text-indent: 2em; /* 首行縮進 */
text-decoration: underline; /* 下劃線 */
line-height: 1.5; /* 行高 */
white-space: nowrap; /* 文本不換行 */
/* 背景 */
background-color: #fff; /* 背景顏色 */
background-image: url(../images/bg.png); /* 背景圖片 */
background-repeat: no-repeat; /* 背景圖不重復 */
background-position: left top; /* 背景圖的位置 */
background-size: cover; /* 直接覆蓋整個背景 */
/* 邊框 */
border: 1px solid #333; /* 邊框 */
border-radius: 5px; /* 圓角 */
outline: none; /* 外輪廓 */
/* 列表 */
list-style: none; /* 去掉列表樣式 */
list-style-position: inside; /* 圓點或數字在文本內部 */
/* 鼠標樣式 */
cursor: pointer; /* 鼠標移上去變成手型 */
/* 動畫 */
transition: all 0.3s ease; /* 過渡動畫 */
animation: my-animation 1s linear infinite; /* 關鍵幀動畫 */

以上是本文整理的常用 CSS 詞組。希望大家在學習和使用中能夠掌握這些基本知識，寫出更加美觀、可讀性更高的頁面。