7

当谈到网页设计时，我对制作任何看起来很漂亮的东西都很糟糕。值得庆幸的是，有很多免费的设计模板资源。然而，这些设计的一个问题是它们只覆盖一个页面，并且没有很多用例。如果你看一下CSS Zen Gardens，他们有 1 个 HTML 文件，只需更改 CSS 文件就可以从根本上改变它的样式。

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

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

4

4 回答 4

5

查看 YUI 的Grids 框架。特别棒的是Grid Builder。此外，它们还有一组重置、基本和字体 CSS 文件，这些文件将为您提供良好的构建基准。

于 2008-09-04T09:27:34.270 回答
2

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

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

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

看看我的主页的来源，看看我在说什么。

于 2008-09-04T09:41:19.773 回答
1

我使用过Bluprint CSS，正如您所见，它既简单又实用。它还有一些 ruby​​ 脚本，允许您更改列数和它们之间的距离。默认情况下，对于 span-24 元素，它是 950px。

于 2008-09-04T09:35:24.967 回答
1

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

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

BluePrintCSS 是一个相当成熟的项目，所以我鼓励你去看看。

于 2008-09-04T09:44:44.757 回答