1. 佈局屬性
display: 設置元素的顯示方式。

值：block，inline，inline-block，none，flex，grid
position: 設置元素的定位方式。

值：static，relative，absolute，fixed，sticky
top, right, bottom, left: 定位元素相對於其最近的定位祖先。

用於 position: relative/absolute/fixed/sticky 元素。
float: 讓元素左右浮動。

值：left，right，none
clear: 控制浮動元素的影響。

值：left，right，both，none
z-index: 設置元素的堆疊順序。

值：數值，auto
flex: 設置彈性盒子的子元素如何分佈和對齊。

用於 display: flex 元素。

2. 尺寸與間距
width / height: 設置元素的寬度和高度。

值：數值，auto，100%
max-width / min-width: 限制元素的最大和最小寬度。

padding: 設置元素內容的內邊距。

值：數值，px，em，rem，%
margin: 設置元素的外邊距。

值：數值，auto，px，em，rem，%
box-sizing: 控制元素的寬高是否包含 padding 和 border。

值：content-box，border-box

3. 背景屬性
background-color: 設置元素的背景顏色。

background-image: 設置元素的背景圖片。

background-position: 設置背景圖片的位置。

background-size: 設置背景圖片的大小。

值：cover，contain，數值
background-repeat: 設置背景圖片是否重複。

值：repeat，no-repeat，repeat-x，repeat-y

4. 邊框與圓角
border: 設置邊框。

格式：border: [width] [style] [color];
示例：border: 1px solid black;
border-radius: 設置元素的圓角。

值：數值，px，em，rem，%
border-width / border-color / border-style: 分別設置邊框的寬度、顏色和樣式。

5. 文本與字體
color: 設置文本顏色。

font-size: 設置文本的大小。

值：數值，px，em，rem，%
font-family: 設置字體族。

示例：font-family: Arial, sans-serif;
font-weight: 設置字體的粗細。

值：normal，bold，數值
line-height: 設置文本行高。

值：數值，px，em，rem，%
text-align: 設置文本對齊方式。

值：left，right，center，justify
text-transform: 控制文本的大小寫。

值：none，capitalize，uppercase，lowercase
text-decoration: 設置文本裝飾效果（如下劃線）。

值：none，underline，overline，line-through

6. 顏色與透明度
color: 設置文本顏色。

值：hex，rgb()，rgba()，hsl()，hsla()
background-color: 設置背景顏色。

opacity: 設置元素的不透明度。

值：0（完全透明）到 1（完全不透明）

7. 過渡與動畫
transition: 設置屬性變化的過渡效果。
格式：transition: [property] [duration] [timing-function] [delay];
示例：transition: all 0.3s ease-in-out;
animation: 設置動畫效果。
格式：animation: [name] [duration] [timing-function] [delay] [iteration-count];
示例：animation: bounce 2s infinite;

8. 陰影與其他裝飾
box-shadow: 設置元素的陰影效果。
格式：box-shadow: [h-offset] [v-offset] [blur] [spread] [color];
示例：box-shadow: 2px 4px 6px rgba(0, 0, 0, 0.2);
text-shadow: 設置文本的陰影效果。
格式：text-shadow: [h-offset] [v-offset] [blur] [color];

9. 其他常用屬性
visibility: 控制元素的可見性。

值：visible，hidden
overflow: 控制內容溢出的處理方式。

值：visible，hidden，scroll，auto
cursor: 設置鼠標指針的樣式。

值：pointer，default，text，move
filter: 設置視覺效果（如模糊、灰度）。

示例：filter: blur(5px);