2007年8月1日 星期三

53個CSS技術 你不能排除在使用之外

CSS的重要性.目前的使用者越來越多.
CSS樣式提供了許多優勢,你可以在佈局上,嚴格區分佈置,
或設計新的一頁,頁面信息的提交.
因此設計的頁面,可以變的很容易修改,只要是更換了檔案或到其他主機上.
都可以使用?這是正確的且非常棒的.

過去幾年,網路寫了很多針對CSS的文章和發展許多有用的技巧,
可為您節省大量的時間--當然,是在你能搜尋到他們的時候.
下面你將看到一系列的技術,我們作為網路的設計師,實在不能排除在使用之外.

它們是必要的,他們使我們的使用更加方便.
讓我們來看一看53CSS為本技巧,你應該隨時備用,另一方面,感謝過去幾年為發展作出貢獻的人,如果您有使用方便的設計. 我們很感激.謝謝!

SmashingMagazine為你蒐集了53條完整的CSS高級運用方案供你使用。


1.CSS Based Navigation
2.Navigation Matrix Reloaded
3.CSS Tabs
4.CSS Bar Graphs (CSS For Bar Graphs)
5.Collapsing Tables: An Example
6.Adam's Radio & Checkbox Customisation Method
7.CSS Image Replacement
8.CSS Shadows (CSS Shadows Roundup)
9.CSS Rounded Corners Roundup (Nifty Corners)
10.Drop Cap - Capital Letters with CSS
11.Define Image Opacity with CSS
12.How to Create a Block Hover Effect for a List of Links
13.Pullquotes with CSS (Automatic Pullquotes with JavaScript and CSS
14.CSS Diagrams
15.CSS Curves
16.Footer Stick

allows for the footer of a Web page to appear either at the bottom of thebrowser window or the bottom of the Web page content – whichever is visually lowest।

17.CSS Image Map
18.CSS Image Pop-Up
19.CSS Image Preloader
20.CSS Image Replacement for Buttons
21.Link Thumbnail
22.CSS Map Pop
23.PHP-based CSS Style Switcher
24.CSS Unordered List Calender (CSS Styled Calender)
25.CSS-Based Forms: Techniques
26.CSS-Based Tables: Techniques
27.Printing Web-Documents and CSS
28.Improved Links-Display for Print-Layouts with CSS
29.CSS-Submit Buttons
30.CSS Teaser Box
31.CSS Tricks for Custom Bullets
32.Ticked Off Links Reloaded
33.CSS Zooming
34.Creating a Star Rater using CSS
35.The ways to style visited Links
36.PDF, ZIP, DOC Links Labeling
37.Displaying Percentages with CSS
38.Image Floats without the Text Wrap
39.Let visitors decide, whether or not will they open link in a new window
40.Simple accessible external links
41.Zebra Table with JavaScript and CSS
42.Vertical Centering with CSS (Horizontal and Vertical Centering with CSS
43.Unobtrusive Sidenotes
44.Image Caption with CSS (Styled Images with Caption)
45.Dynamic Piechart with CSS
46.Format Footnotes with CSS
47.Hierarchical Sitemap with CSS
48.Snook's Resizable Underlines
49.Switchy McLayout: An Adaptive Layout Technique
50.StyleMap: CSS+HTML Visual Sitemap
51.Custom Reading Width
52.CSS Alert Message
53.CSS Production Notes
 
原文連結

【下列文章您可能也有興趣】

1 則留言:

Unknown 提到...

歡迎使用我的線上手冊:
HTML,
CSS,
Javascript