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

当谈到网页设计时，我非常害怕制作任何远距离好看的东西。谢天谢地，design templates有很多免费sources。但是，这些设计的问题在于它们只覆盖单个页面，并且用例不多。如果你看看CSS Zen Gardens，他们有1个单独的HTML文件，并且可以通过改变CSS文件从根本上改变它的风格。是否有可用的多种CSS样式的标准HTML布局？

现在我想知道是否有一个标准的HTML布局（标签和标识符），涵盖了很多用例，并且可以用Zen Garden等不同的CSS文件进行统一的主题化。我想象的是一系列关于如何编写html的规则，以及您应该使用哪些框，列表，菜单和样式。可以创建一组涵盖各种用途的标准测试页面，以及一个新的CSS文件，同时必须以良好的视图支持所有不同的页面。

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

来源

2008-09-04 Staale

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

来源

2008-09-04 09:35:24

老问题，但这是我最终使用。只是希望有一个基于这个主题的网站。 – Staale 2009-02-04 15:07:35

查看YUI的Grids framework。特别棒的是Grid Builder。此外，他们有一组重置，基本和字体CSS文件，这些文件将为您提供良好的基础。

来源

2008-09-04 09:27:34

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

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

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

请看我的home page的来源，我正在谈论的一个例子。

来源

2008-09-04 09:41:19

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

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

BluePrintCSS是一个相当成熟的项目，所以我鼓励你检查一下。

来源

2008-09-04 09:44:44 paulgreg

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

回答

相关问题