級(jí)聯(lián)樣式表（CSS）在當(dāng)代Web設(shè)計(jì)中已經(jīng)成為重要的環(huán)節(jié)，如果沒(méi)有CSS現(xiàn)在的網(wǎng)站將像10年前一樣不堪入目。隨著CSS技術(shù)的普及，越來(lái)越多的高質(zhì)量CSS教程涌入互聯(lián)網(wǎng)，讓我們的學(xué)習(xí)更加方便。下面彬Go向大家推薦21個(gè)驚人的CSS技巧，相信其中必有你想不到的。還等什么，繼續(xù)往下看吧！

1.CSS跨瀏覽器幻燈片

演示了如何僅適用CSS打造一個(gè)跨瀏覽器的圖片畫(huà)廊

2.基于CSS的圖片地圖

這個(gè)教程演示了如何使用純CSS創(chuàng)建一個(gè)”瘋狂”的圖片地圖。

3.純CSS無(wú)JavaScript的LightBox

點(diǎn)擊上圖查看清晰原圖

4.CSS圖片替換技術(shù)制作的按鈕

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

5.用CSS實(shí)現(xiàn)動(dòng)畫(huà)導(dǎo)航菜單

6.用CSS創(chuàng)建類似樹(shù)形導(dǎo)航菜單

7.CSS漸變文字效果

8.CSS目錄菜單設(shè)計(jì)

很容易理解的關(guān)于使用CSS border屬性或CSS背景圖屬性實(shí)現(xiàn)目錄菜單的教程。

9.使用CSS負(fù)margin創(chuàng)建自適應(yīng)布局

10.使用CSS固定你的頁(yè)腳

你也許會(huì)遇到這種情況:當(dāng)你為每個(gè)頁(yè)面設(shè)置相同的頁(yè)腳后，有些頁(yè)面的主題內(nèi)容量很少，使得頁(yè)腳自動(dòng)向上移動(dòng)，看上去的瀏覽器下面很空。這個(gè)教程將教你如何使用CSS固定頁(yè)腳在頁(yè)面底部來(lái)解決這個(gè)頭疼的問(wèn)題。