CSS是網頁布局必不可少的一部分，而掌握CSS技術的核心要素，我們的網頁才會變得更加美觀且易讀，以下為你介紹 32個CSS技巧，幫助你讓網頁變得更加專業。

1. 使用CSS reset清除默認樣式。 
2. 使用REM單位而不是像素。 
3. 避免使用全局選擇器，盡可能使用類名和ID選擇器。 
4. 使用盒子模型并利用box-sizing改變盒子大小計算方法。 
5. 使用CSS Sprite從一張圖像中加載多個圖像。 
6. 使用background-size調整背景圖片的大小。 
7. 使用background-position調整背景圖片的位置。 
8. 使用text-transform使文本轉換為大寫或小寫。 
9. 使用偽元素:before和:after添加額外的樣式。 
10. 利用繼承，簡化代碼。 
11. 調整前景色、背景色和文本對比度使得文字更加清晰。 
12. 使用transition對元素進行漸變。 
13. 使用CSS3 Gradient來創建陰影和漸變。 
14. 利用CSS3陰影和添加立體感到元素。 
15. 調整字體以確保易讀性。 
16. 使用Google Web Fonts調整字體，保證跨平臺兼容。 
17. 使用media queries針對不同的設備和屏幕大小分辨率設置不同的樣式表。 
18. 使用rem和em計算字體大小。 
19. 使用inline-block屬性，創建現代布局。 
20. 使用flexbox創建復雜布局。 
21. 利用精靈圖顯式加入背景圖片。 
22. 使用縮寫屬性（例如：margin: 0 10px 0 10px;和margin: 0 10px;相等）。 
23. 使用nth child選擇器來選擇特定的元素。 
24. 使用content屬性替換元素中的文字。 
25. 使用單獨的樣式表以便快速維護代碼。 
26. 利用hover及active偽類設置交互效果。 
27. 使用box-shadow屬性集添加明暗漸變的陰影。 
28. 使用text-shadow屬性集添加明暗漸變的文字陰影。 
29. 利用偽元素清除浮動。 
30. 使用屬性選擇器選擇所有帶有定義屬性的元素。 
31. 利用aria-role屬性改善可訪問性。 
32. 使用編碼注釋格式化代碼并增加可讀性。