首页 诗词 字典 板报 句子 名言 友答 励志 学校 网站地图
当前位置: 首页 > 教程频道 > 网站开发 > CSS >

53个CSS-必不可少的技巧

2012-11-01 
53个CSS-不可或缺的技巧原文:http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt

53个CSS-不可或缺的技巧

原文:http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/
翻译:Blank(怿飞)

53 CSS-Techniques You Couldn’t Live Without
53个CSS-不可或缺的技巧

2. Navigation Matrix Reloaded //导航矩块翻转

53个CSS-必不可少的技巧

3. CSS Tabs //CSS标签

53个CSS-必不可少的技巧

4. CSS Bar Graphs //CSS条状图表

53个CSS-必不可少的技巧

5. Collapsing Tables: An Example //压缩表格:一个实例

53个CSS-必不可少的技巧

6. Adam’s Radio & Checkbox Customisation Method //亚当的单选框和复选框的用户化方法

53个CSS-必不可少的技巧

7. CSS Image Replacement //CSS图像替代

53个CSS-必不可少的技巧

8. CSS Shadows(CSS Shadows Roundup) //CSS阴影(CSS阴影综述)

53个CSS-必不可少的技巧

9. CSS Rounded Corners Roundup (Nifty Corners) //CSS圆角综述(漂亮的拐角)

53个CSS-必不可少的技巧

10. Drop Cap-Capital Letters with CSS //用CSS实现首字母下沉

53个CSS-必不可少的技巧

11. Define Image Opacity with CSS //用CSS定义图像半透明

53个CSS-必不可少的技巧

12. How to Create a Block Hover Effect for a List of Links //如何给链接列表创建鼠标悬停的区块效果

53个CSS-必不可少的技巧

13. Pullquotes with CSS (Automatic Pullquotes with JavaScript and CSS) //用CSS实现引用(用JavaScript和CSS实现自动引用)

53个CSS-必不可少的技巧

14. CSS Diagrams //CSS图表

53个CSS-必不可少的技巧

15.CSS Curves //CSS曲线

53个CSS-必不可少的技巧

16. Footer Stickallows for the footer of a Web page to appear either at the bottom of the browser window or the bottom of the Web page content – whichever is visually lowest.

页脚帖允许一个网站页面的页脚显示在在浏览器窗口的底部或者网站页面内容的底部中实际最底的一个。

53个CSS-必不可少的技巧

17. CSS Image Map //CSS图像地图

53个CSS-必不可少的技巧

18. CSS Image Pop-Up //CSS图像弹出

53个CSS-必不可少的技巧

19.CSS Image Preloader //CSS图像预载

53个CSS-必不可少的技巧

20. CSS Image Replacement for Buttons //CSS按钮的图片替换

53个CSS-必不可少的技巧

21.Link Thumbnail //链接缩略图

53个CSS-必不可少的技巧

22. CSS Map Pop //CSS地图提示

53个CSS-必不可少的技巧

23. PHP-based CSS Style Switcher //基于PHP的CSS样式改变

53个CSS-必不可少的技巧

24. CSS Unordered List Calender (CSS Styled Calender) //CSS无序列表日历(CSS设计的日历)

53个CSS-必不可少的技巧

25. CSS-Based Forms: Techniques //基于CSS的表单:技巧

53个CSS-必不可少的技巧

26. CSS-Based Tables: Techniques //基于CSS的表格:技巧

53个CSS-必不可少的技巧

27. Printing Web-Documents and CSS //打印网站文档和CSS

53个CSS-必不可少的技巧

28. Improved Links-Display for Print-Layouts with CSS //用CSS改良打印布局的链接显示

53个CSS-必不可少的技巧

29. CSS-Submit Buttons //CSS提交按钮

53个CSS-必不可少的技巧

30. CSS Teaser Box //CSS内容摘要盒子

53个CSS-必不可少的技巧

31. CSS Tricks for Custom Bullets //对于定义式列表的CSS窍门

53个CSS-必不可少的技巧

32. Ticked Off Links Reloaded //用记号标出翻转的链接

53个CSS-必不可少的技巧

33. CSS Zooming //CSS缩放

53个CSS-必不可少的技巧

34. Creating a Star Rater using CSS //用CSS创建星型评价

53个CSS-必不可少的技巧

35. The ways to style visited Links //设计浏览过链接的方法

53个CSS-必不可少的技巧

36. PDF, ZIP, DOC Links Labeling //PDF,ZIP,DOC链接的标注

53个CSS-必不可少的技巧

37. Displaying Percentages with CSS //用CSS显示百分比

53个CSS-必不可少的技巧

38. Image Floats without the Text Wrap //没有被正文包围的浮动图片

53个CSS-必不可少的技巧

39. Let visitors decide, whether or not will they open link in a new window //让访问者决定,是否会在新窗口带开链接

53个CSS-必不可少的技巧

40. Simple accessible external links //简单易用的外部链接

53个CSS-必不可少的技巧

41. Zebra Table with JavaScript and CSS //用JavaScript和CSS实现多条纹的表格

53个CSS-必不可少的技巧

42. Vertical Centering with CSS (Horizontal and Vertical Centering with CSS) //用CSS实现垂直居中(用CSS实现水平和垂直居中)

53个CSS-必不可少的技巧

43. Unobtrusive Sidenotes //不引人注目的旁注

53个CSS-必不可少的技巧

44. Image Caption with CSS (Styled Images with Caption) //用CSS实现图像说明(设计给图像加上说明)

53个CSS-必不可少的技巧

45. Dynamic Piechart with CSS //用CSS实现动态饼图

53个CSS-必不可少的技巧

46. Format Footnotes with CSS //用CSS实现布局脚注

53个CSS-必不可少的技巧

47. Hierarchical Sitemap with CSS //用CSS实现分等级的网站地图

53个CSS-必不可少的技巧

48. Snook’s Resizable Underlines //史鲁克的可改变大小的下划线

53个CSS-必不可少的技巧

49. Switchy McLayout: An Adaptive Layout Technique //马克布局改变: 一个自适应布局的技巧

53个CSS-必不可少的技巧

50. StyleMap: CSS+HTML Visual Sitemap //样式地图:CSS+HTML 形象化的网站地图

53个CSS-必不可少的技巧

51. Custom Reading Width //自定义阅读宽度

53个CSS-必不可少的技巧

52. CSS Alert Message //CSS提示信息

53个CSS-必不可少的技巧

53. CSS Production Notes //CSS产品注释

53个CSS-必不可少的技巧

?

查看CSS源码请查看原文,

原文地址:http://www.smashingmagazine.com/2007/01/19/53-css-techniques-you-couldnt-live-without/

热点排行