是否有可用的多种CSS样式的标准HTML布局？

Question

谈到网页设计，我很擅长制作任何好看的东西。值得庆幸的是sources design有很多免费templates。然而，这些设计的一个问题是它们只覆盖单个页面，而不是很多用例。如果您查看CSS Zen Gardens，它们只有一个HTML文件，只需更改CSS文件就可以通过不同的方式对其进行不同的样式设置。

现在我想知道是否有标准的HTML布局（标签和ID），它涵盖了很多用例，并且通常可以使用不同的CSS文件，如Zen Garden。我想象的是关于你如何编写html的一套规则，以及你应该使用的框，列表，菜单和样式。可以创建一组涵盖各种用途的标准测试页面，以及一个新的CSS文件，同时必须在一个漂亮的视图中支持所有不同的页面。

是否有任何项目涵盖与我所描述的相似的内容？

Answer 1

从YUI查看Grids framework。特别棒的是Grid Builder。此外，它们还有一组重置，基本和字体CSS文件，可以为您提供良好的基线构建。

Answer 2

我通常只是尝试遵循HTML标准本身设定的指南。

• 标题进入“h”标签（因此主标题为H1标签，然后是一个或多个H2标签）。
• 自由文本在P标记的段落中分组。
• 按逻辑分组的信息部分以DIV标记显示。
• 任何类型的列表（甚至您最终可能想要水平布局的菜单）都属于列表标签，如UL，OL或DL。
• 信息表在TABLE标签中。请勿使用表格标签进行布局。
• 熟悉您的ID和CLASS属性。保持ID唯一，并将它们分配给您知道代表页面上唯一内容的元素，如导航菜单或页脚。将相同的类分配给重复但相似的元素（您可能希望使用类似的视觉样式进行渲染）。

我总是从一个非常简单的垂直页面开始 - 只需在页面上以黑白方式运行我想要的所有内容。然后我开始添加CSS以确保这些位被格式化并按照我想要的方式布局。

请查看我home page的来源，了解我正在谈论的内容。

Answer 3

我已经使用了Bluprint CSS，它会很容易和有用，你会看到。它还有一些ruby脚本，允许您更改列数和它们之间的距离。默认情况下，对于span-24元素，它是950px。

Answer 4

根据我所知，

BluePrintCSS是第一个CSS框架。 作为YUI CSS Framework，它可以帮助您处理布局。

这种框架将帮助您为您的网站构建多个CSS。

BluePrintCSS是一个非常成熟的项目，所以我建议您查看它。