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的技巧，如果你做网站开发，应该永远都愿意掌握它们。

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 Based Navigation //基于CSS的导航



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



3. CSS Tabs //CSS标签



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



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



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



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



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



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



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



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



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



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



14. CSS Diagrams //CSS图表



15.CSS Curves //CSS曲线