| Box model屬性 | 敘述 |
| width,height | 物件的寬度高度 |
| padding-top(-right)(-bottom)(-lift) | 物件上.右.下.左側內邊距 |
| padding | 物件四邊內邊距 |
| margin-top(-right)(-bottom)(-lift) | 邊框與邊框的上.右.下.左距離 |
| margin | 四個方向的外邊距 |
| box-sizing | 物件實際寬高 |
| display | 物件呈現樣式Ex.display:block |
| box-sizing | 物件實際寬高 |
| visiblity | 物件是否可見 |
| 文本樣式 | 敘述 |
| color | 字體顏色 |
| font-size | 字體大小 |
| font-weight | 字體粗細 |
| font-style | 字體樣式 |
| text-decoration | 裝飾線 |
| text-indent | 首行文本縮進 |
| text-align | 對齊方式 |
| line-height | 行間距離 |
| 屬性 | 書寫位置 |
| style | 內嵌式:書寫在< head >< /head >中
行內式:直接書寫在標籤中 |
| link | 連接外部文件
範例:< link rel="sheet" href="文件" > |
| 屬性 | 敘述 |
| :link | 所有未被訪問的超級連結 |
| :visited | 所有被訪問過的超級連結 |
| :active | 所有被用戶按過的物件 |
| :hover | 選擇鼠標懸停的物件 |
| 選擇器 | 敘述 |
| element | 直接選擇所有同樣標籤名的物件 |
| #id | #號作為前綴選擇指定物件 |
| .class | .作為前綴選擇指定同樣名稱的物件 |
| 邊框屬性 | 敘述 |
| border-widh | 邊框寬度 |
| border-style | 邊框樣式 |
| border-color | 邊框顏色 |
| border-top(-right)(-bottom)(-lift)-width | 上(右下左)邊框寬度 |
| border | 所有邊框 |
| solid | 實線邊框 |
| dashed | 虛線邊框 |
| dotted | 點狀邊框 |
| radius | 圓角 |
| box-shadow | 邊框陰影 |
| 背景 | 敘述 |
| background-color | 背景顏色 |
| background-image | 背景圖片 |
| background-repeat | 背景圖像是否重複 |
| background-size | 背景圖片大小 |
| background-position | 背景圖像位置 |
| background | 背景複合式寫法 |
| 鼠標樣式 | 敘述 |
| cursor | 形狀 |