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

QUOTE:CSS is important. And it is being used more and more often. Cascading Style Sheets offer many advantages you don’t have in table-layouts - and first of all a strict separation between layout, or design of the page, and the information, presented on the page. Thus the design of pages can be easily changed, just replacing a css-file with another one. Isn’t it great? Well, actualy, it is.
CSS是重要的，它正在越来越广泛的被运用。层叠样式表拥有很多表格布局所没有的优势，首先从布局或者页面的设计与出现在页面中的信息中作严格的分离，从而让页面的设计能够很容易被改变，仅用一个CSS文件更换另一个。难道它不够强大吗？恩，是的，其实它很强大。

QUOTE:Over the last few years web-developers have written many articles about CSS and developed many useful techniques, which can save you a lot of time - of course, if you are able to find them in time. Below you’ll find a list of techniques we , as web-architects, really couldn’t live without. They are essential and they indeed make our life easier. Let’s take a look at 53 CSS-based techniques you should always have ready to hand if you develop web-sites.
在过去的几年里，网站开发者写了很多关于CSS的文章和开发了很多实用的技巧，这些能帮你节省很多时间。当然，如果你有足够时间也可能发现它们。在下面，你将会发现我们作为网站架构师真正不可或缺的技巧目录。它们确实是必要的，它们使我们的生活更简单。让我们看一看这53个基于CSS的技巧，如果你做网站开发，应该永远都愿意掌握它们。

QUOTE:Thanks to all developers who contributed to accessible and usable css-based design over the last few years. We really appreciate it. Thanks!

感谢所有的在过去几年里在易用和可用的基于CSS设计方面作出贡献的开发者们，我们真的很感谢他们！谢谢你们！

1. //基于CSS的导航



2. //导航矩块翻转



3. //CSS标签



4. //CSS条状图表



5. //压缩表格：一个实例

6. //亚当的单选框和复选框的用户化方法



7. //CSS图像替代



8. () //CSS阴影（CSS阴影综述）



9. () //CSS圆角综述（漂亮的拐角）



10. //用CSS实现首字母下沉

11. //用CSS定义图像半透明



12. //如何给链接列表创建鼠标悬停的区块效果



13. () //用CSS实现引用（用JavaScript和CSS实现自动引用）



14. //CSS图表



15. //CSS曲线

16. allows 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.

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



17. //CSS图像地图



18. //CSS图像弹出



19. //CSS图像预载



20. //CSS按钮的图片替换

21. //链接缩略图



22. //CSS地图提示



23. //基于PHP的CSS样式改变



24. () //CSS无序列表日历（CSS设计的日历）



25. //基于CSS的表单：技巧

26. //基于CSS的表格：技巧



27. //打印网站文档和CSS



28. //用CSS改良打印布局的链接显示



29. //CSS提交按钮



30. //CSS内容摘要盒子

31. //对于定义式列表的CSS窍门



32. //用记号标出翻转的链接



33. //CSS缩放



34. //用CSS创建星型评价



35. //设计浏览过链接的方法

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



37. //用CSS显示百分比



38. //没有被正文包围的浮动图片



39. //让访问者决定，是否会在新窗口带开链接



40. //简单易用的外部链接

41. //用JavaScript和CSS实现多条纹的表格



42. () //用CSS实现垂直居中（用CSS实现水平和垂直居中）



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



44. () //用CSS实现图像说明（设计给图像加上说明）



45. //用CSS实现动态饼图

46. //用CSS实现布局脚注



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



48. //史鲁克的可改变大小的下划线



49. //马克布局改变: 一个自适应布局的技巧



50. //样式地图：CSS+HTML 形象化的网站地图

51. //自定义阅读宽度



52. //CSS提示信息



53. //CSS产品注释

原文：