在前端開發中，CSS是必不可少的一部分，其作用是負責網頁的樣式和外觀。那么，我們該知道哪些CSS屬性呢？下面是一些常見的CSS屬性及其用途：

1. color：設置文本顏色
例如： color: red;
2. font-size：設置字體大小
例如： font-size: 16px;
3. font-family：設置字體樣式
例如： font-family: "Times New Roman", Times, serif;
4. line-height：設置行高
例如： line-height: 1.5;
5. background-color：設置背景顏色
例如： background-color: #f5f5f5;
6. background-image：設置背景圖片
例如： background-image: url("image.jpg");
7. background-position：設置背景圖片位置
例如： background-position: center;
8. background-repeat：設置背景圖片是否重復
例如： background-repeat: no-repeat;
9. border：設置邊框
例如： border: 1px solid #000;
10. margin：設置外邊距
例如： margin: 10px;
11. padding：設置內邊距
例如： padding: 10px;
12. width：設置寬度
例如： width: 200px;
13. height：設置高度
例如： height: 200px;
14. text-align：設置文本對齊方式
例如： text-align: center;
15. text-decoration：設置文本裝飾效果
例如： text-decoration: underline;
16. display：設置元素的顯示方式
例如： display: block;
17. position：設置元素的定位方式
例如： position: relative;
18. z-index：設置元素的層級
例如： z-index: 1;
19. opacity：設置元素的透明度
例如： opacity: 0.5;
20. transition：設置元素過渡效果
例如： transition: all 0.5s ease;

以上是一些CSS常見屬性及其用途，了解這些屬性可以幫助我們更加靈活的控制網頁的樣式，使網頁更加美觀、易讀。