Sealyu

--- 博客已遷移至: http://www.sealyu.com/blog

BlogJava :: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合

:: 管理 ::

618 隨筆 :: 87 文章 :: 225 評論 :: 0 Trackbacks

<

2010年3月

>

日

一

二

三

四

五

六

28

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

20

21

22

23

24

25

26

27

28

29

30

31

1

2

3

4

5

6

7

8

9

10

常用鏈接

留言簿(14)

隨筆分類

隨筆檔案

友情鏈接

androider的博客
Andy Yao
Eric Zhou的博客
Liu Huifang's Blog

繼棟的博客
阿謝的Blog

搜索

積分與排名

積分 - 1037982
排名 - 30

閱讀排行榜

評論排行榜

你需要了解的21個CSS驚人技巧(轉(zhuǎn))

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

您還可以參考以下CSS相關(guān)教程及資源:
《CSS Sprites(CSS圖像拼合技術(shù))教程、工具集合》
《學(xué)無止境的CSS(xHTML+CSS技巧教程資源大全)》
《精選30個優(yōu)秀的CSS技術(shù)和實例
《使用CSS為圖片添加更多趣味的5種方法》

1.CSS跨瀏覽器幻燈片

點擊上圖查看清晰原圖
演示了如何僅適用CSS打造一個跨瀏覽器的圖片畫廊

2.基于CSS的圖片地圖

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

3.純CSS無JavaScript的LightBox

點擊上圖查看清晰原圖

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

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

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

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

CSS-樹形導(dǎo)航

7.CSS漸變文字效果

CSS漸變文字效果

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

點擊上圖查看清晰原圖
很容易理解的關(guān)于使用CSS border屬性或CSS背景圖屬性實現(xiàn)目錄菜單的教程。

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

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

10.使用CSS固定你的頁腳

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

11.簡單、靈活的CSS面包屑導(dǎo)航

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

13.CSS實現(xiàn)的柱狀圖表

CSS-圖表

14.如何為鏈接列表創(chuàng)建塊級懸停效果

CSS-技巧

15.CSS多列列表

CSS多列列表

16.用CSS Sprites技術(shù)實現(xiàn)日期顯示

用CSS Sprites技術(shù)實現(xiàn)日期顯示

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

CSS

18.使用CSS創(chuàng)建圖片瀏覽器

點擊上圖查看清晰原圖

19.創(chuàng)建CSS圖片預(yù)載

無需JavaScript，僅使用CSS背景圖屬性實現(xiàn)圖片的預(yù)載。

20.從頁面底部淡出效果

點擊上圖查看清晰原圖

21.創(chuàng)意且很酷的CSS邊框?qū)傩?/a>

posted on 2010-03-19 14:36 seal 閱讀(308) 評論(0) 編輯收藏所屬分類: CSS

新用戶注冊刷新評論列表


只有注冊用戶登錄后才能發(fā)表評論。




網(wǎng)站導(dǎo)航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關(guān)文章: CSS Hack區(qū)分瀏覽器 IE6 IE7 IE8 Firefox Opera Safari Effective and Powerful CSS Tools & Generators for Designers Clean vCard: A Free Professional XHTML-CSS vCard Template Top Articles On The Web Design Billboard In August’10 CSS Sprites 100+ Free High Quality Icon Sets for Web Designers and Developers CSS Image Maps(轉(zhuǎn)) CSS樣式首字母黑體加大 CSS首字母大些 TEXT(轉(zhuǎn)) 讓 IE6, 7和 8支持CSS3 (轉(zhuǎn))

Sealyu

常用鏈接

留言簿(14)

隨筆分類

隨筆檔案

友情鏈接

搜索

積分與排名

最新評論

閱讀排行榜

評論排行榜

1.CSS跨瀏覽器幻燈片

2.基于CSS的圖片地圖

3.純CSS無JavaScript的LightBox

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

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

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

7.CSS漸變文字效果

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

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

10.使用CSS固定你的頁腳

11.簡單、靈活的CSS面包屑導(dǎo)航

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

13.CSS實現(xiàn)的柱狀圖表

14.如何為鏈接列表創(chuàng)建塊級懸停效果

15.CSS多列列表

16.用CSS Sprites技術(shù)實現(xiàn)日期顯示

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

18.使用CSS創(chuàng)建圖片瀏覽器

19.創(chuàng)建CSS圖片預(yù)載

20.從頁面底部淡出效果

21.創(chuàng)意且很酷的CSS邊框?qū)傩?/a>