当涉及到网页设计时，我很难制作出任何看起来不错的东西。值得庆幸的是，有许多免费的设计模板资源。但是，这些设计的问题在于它们仅覆盖一页，而没有很多用例。如果我们看一下CSS Zen Gardens，它们只有1个HTML文件，只需更改CSS文件就可以从根本上改变其样式。

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

是否有涉及我所描述内容的项目？

解决方案

回答

从YUI签出Grids框架。特别出色的是Grid Builder。而且，它们具有一组reset，base和font CSS文件，这些文件将为我们提供良好的基础。

回答

我使用了Bluprint CSS，我们会发现它很简单而且有用。它还具有一些ruby脚本，可用于更改列数及其之间的距离。默认情况下，跨度为24的元素为950像素。

回答

我通常只是尝试遵循HTML标准本身设置的准则。

• 标题放在" h"标签中(因此主标题使用一个H1标签，然后在该标题下添加一个或者多个H2标签)。
• 自由文本分组在P标签的段落中。
• 按逻辑分组的信息部分位于DIV标签中。
• 任何种类的列表(甚至我们最终可能希望水平放置的菜单)都属于列表标签，例如UL，OL或者DL。
• 信息表放在TABLE标记中。不要使用表格标签进行布局。
• 明智地使用ID和CLASS属性。保持ID唯一，并将其​​分配给我们知道的代表页面上唯一内容的元素，例如导航菜单或者页面页脚。将相同的类分配给重复但相似的元素(我们可能希望使用相似的视觉样式进行渲染)。

我总是从一个非常普通的垂直页面开始，只用黑白方式运行我想要的所有内容。然后，我开始添加CSS以确保位已格式化并按照我想要的方式进行布局。

请看一下我主页的源代码，以了解我在说什么。

回答

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

这种框架将为站点构建多个CSS。

BluePrintCSS是一个相当成熟的项目，因此我建议我们检查一下。