那里的任何人都可以为CSS'设计模式'推荐一个很好的在线资源吗？
我知道软件环境中的设计模式通常是指基于OO的设计模式，但我的意思是更广泛意义上的设计模式：即常见问题/任务的通用，清晰解决方案。
此类资源的一个示例是this list of table designs，这将为您提供有关如何使用一组CSS技术使表看起来很好的所有知识。
可能有很好的解决方案的常见问题的其他例子可能是div上的圆角，高度可用的表单布局等。
答案 0 :(得分：11)
下面列出了一些解决网页设计模式的网站。他们没有专门提供HTML和/或CSS以实现所需的结果，但他们确实提供了可以查看源的实时网站示例（或者更好的是，使用{{3 }}）。
这可能是最好的。它将内容分解为涵盖网页设计任务范围的类别。您可以在许多其他类别中找到标签云，实时预览和用户注册等类别。这是一个组织良好的非常全面的资源。它解释了每种模式并提供了大量示例。
与UI-Patterns类似，但目前还不够全面。通过允许用户创建自己的类别（“用户集”）并使用他们自己选择的站点填充设计模式，需要采用更加社交的方式来整理设计模式。
与其他两个不同，这个没有提供很多真实网站的例子。它组织良好，非常全面。
这是一个博客，展示了网页设计的各种元素。它不讨论模式，但作为灵感的快速来源，或作为开始自己的分析的手段是好的。
答案 1 :(得分：3)
我总是提到A List Apart篇文章来讨论这些事情。他们进行了大量的试错研究，以最真实的方式以最干净，最便携的方式处理这些常见的CSS问题。
答案 2 :(得分：2)
Floatutorial是学习重要CSS属性“float”的一个很好的起点，以及如何使用它来使用一些常见模式（包括两列和三列液体布局）来布局内容。
Floatutorial带您了解 浮动元素的基础知识，如 图像，下降帽，下一个和后面 按钮，图像库，内联列表 和多列布局。
答案 3 :(得分：0)
已经提到的A List Apart非常好。自从我开始进行Web开发以来，我使用的另一个站点是SitePoint.com。这是他们的CSS Reference。如果你想要一本好的CSS书籍，那么他们就是我的最爱之一。
答案 4 :(得分：0)
CSS中“设计模式”最接近的是常见布局。利用常见布局，列宽等的最佳工具是 960网格系统， 960.gs
观看此截屏视频，了解简要介绍。它节省了大量时间，并帮助您使用最少的代码应用所有常见的布局模式：
http://net.tutsplus.com/videos/screencasts/a-detailed-look-at-the-960-css-framework/
您所要做的就是应用适当的类并进行一些算术以确保所有列宽相加。
我推荐最适合CSS的一本书是Andy Budd的 CSS Mastery （ cssmastery.com ）。它有点小，但它比任何其他CSS书都更有帮助。