級聯樣式表(CSS)在當代Web設計中已經成為重要的環節，如果沒有CSS現在的網站將像10年前一樣不堪入目。隨著CSS技術的普及，越來越多的高質量CSS教程湧入互聯網，讓我們的學習更加方便。

1.CSS跨瀏覽器幻燈片

演示了如何僅適用CSS打造一個跨瀏覽器的圖片畫廊

2.基於CSS的圖片地圖

這個教程演示了如何使用純CSS創建一個”瘋狂”的圖片地圖。

3.純CSS無JavaScript的LightBox

4.CSS圖片替換技術制作的按鈕

使用CSS將表單提交按鈕替換為圖片，如果禁用CSS將變回普通按鈕。

5.用CSS實現動畫導航菜單

6.用CSS創建類似樹形導航菜單

7.CSS漸變文字效果

8.CSS目錄菜單設計

很容易理解的關於使用CSS border屬性或CSS背景圖屬性實現目錄菜單的教程。

9.使用CSS負margin創建自適應布局

10.使用CSS固定你的頁腳

你也許會遇到這種情況:當你為每個頁面設置相同的頁腳後，有些頁面的主題內容量很少，使得頁腳自動向上移動，看上去的瀏覽器下面很空。這個教程將教你如何使用CSS固定頁腳在頁面底部來解決這個頭疼的問題。

11.簡單、靈活的CSS面包屑導航

12. 為你的博客創建時髦的引用(Pullquotes)

13.CSS實現的柱狀圖表

14.如何為鏈接列表創建塊級懸停效果

15.CSS多列列表

16.用CSS Sprites技術實現日期顯示

17.使用CSS美化你的日期和評論

18.使用CSS創建圖片瀏覽器

19.創建CSS圖片預載

無需JavaScript，僅使用CSS背景圖屬性實現圖片的預載。

20.從頁面底部淡出效果

21.創意且很酷的CSS邊框屬性

PS：http://blog.bingo929.com/21-amazing-css-techniques-you-should-know.html

21個CSS技巧