Sealyu

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

BlogJava :: 首頁 :: 新隨筆 :: 聯系 :: 聚合

:: 管理 ::

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

搜索

積分與排名

積分 - 1033390
排名 - 31

閱讀排行榜

評論排行榜

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

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

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

1.CSS跨瀏覽器幻燈片

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

2.基于CSS的圖片地圖

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

3.純CSS無JavaScript的LightBox

點擊上圖查看清晰原圖

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

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

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

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

CSS-樹形導航

7.CSS漸變文字效果

CSS漸變文字效果

8.CSS目錄菜單設計

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

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

CSS負margin創建自適應布局

10.使用CSS固定你的頁腳

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

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

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

13.CSS實現的柱狀圖表

CSS-圖表

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

CSS-技巧

15.CSS多列列表

CSS多列列表

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

用CSS Sprites技術實現日期顯示

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

CSS

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

點擊上圖查看清晰原圖

19.創建CSS圖片預載

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

20.從頁面底部淡出效果

點擊上圖查看清晰原圖

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

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

新用戶注冊刷新評論列表


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




網站導航: 博客園 IT新聞 Chat2DB C++博客博問管理
相關文章: CSS Hack區分瀏覽器 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(轉) CSS樣式首字母黑體加大 CSS首字母大些 TEXT(轉) 讓 IE6, 7和 8支持CSS3 (轉)

Sealyu

常用鏈接

留言簿(14)

隨筆分類

隨筆檔案

友情鏈接

搜索

積分與排名

最新評論

閱讀排行榜

評論排行榜

1.CSS跨瀏覽器幻燈片

2.基于CSS的圖片地圖

3.純CSS無JavaScript的LightBox

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

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

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

7.CSS漸變文字效果

8.CSS目錄菜單設計

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

10.使用CSS固定你的頁腳

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

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

13.CSS實現的柱狀圖表

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

15.CSS多列列表

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

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

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

19.創建CSS圖片預載

20.從頁面底部淡出效果

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

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