蓝图CSS -使用它的高级规则



我在美国东部时间今天早上8点开始使用Blueprint CSS,我发现自己有以下问题:

  1. 我什么时候使用容器类?

  2. 我应该如何在概念上思考容器?

  3. 容器类需要一个span类吗?为什么或者为什么不呢?

  4. 容器类需要最后一个类吗?为什么或者为什么不呢?

  5. 一个容器可以在另一个容器内吗?

  6. 推/拉类的意义是什么?我不能用追加/前置来定位东西吗?

  7. 如果我使用像。right,。left这样的浮动类,我还需要指定span-x和last吗?

  8. 我如何使一排更高?

  9. 如何在一行中垂直居中?

  10. 我如何使根容器从页面的左侧20px,而不是让它居中?

什么时候使用容器类?(+接下来的4个问题):

查看源代码可以告诉你很多。这是容器类:

.container {width:950px;margin:0 auto;}

它只是一个大的页面包装。大多数人用它来包装页面上所有的HTML,所以它是居中和950像素宽。

推/拉类的意义是什么?我不能用追加/前置来定位东西吗?

append/prepend添加填充。推/拉"改变"利润率。

如果我使用像。right,。left这样的浮点类,我还需要指定span-x和last吗?

这些CSS框架的重点是避免处理你自己的浮点数。

我如何使一排更高?

添加更多的东西到行或给它一个高度样式。

如何在一行中垂直居中?

如果粘贴到网格上,您可以使用append/prepend来使其在网格上居中。如果你不坚持网格,你可以使用任何典型的CSS方法(通常是margin: auto)

我如何使根容器从页面的左侧20px,而不是让它居中?

回到问题1,看看CSS类。改变这种情况。

在大多数情况下,一旦您掌握了Blueprint及其同类工具的窍门(您将在时间问题上掌握它),它们都是相当基本的工具。它的主要目的是处理将页面布局成块并为您处理所有浮点逻辑。一旦你掌握了它的窍门,你可能会发现自己不再需要一个框架,并且通常会根据需要自己创建一个框架,以适应你碰巧正在工作的任何站点的特殊性。

相关内容

  • 没有找到相关文章

最新更新