我在美国东部时间今天早上8点开始使用Blueprint CSS,我发现自己有以下问题:
-
我什么时候使用容器类?
-
我应该如何在概念上思考容器?
-
容器类需要一个span类吗?为什么或者为什么不呢?
-
容器类需要最后一个类吗?为什么或者为什么不呢?
-
一个容器可以在另一个容器内吗?
-
推/拉类的意义是什么?我不能用追加/前置来定位东西吗?
-
如果我使用像。right,。left这样的浮动类,我还需要指定span-x和last吗?
-
我如何使一排更高?
-
如何在一行中垂直居中?
-
我如何使根容器从页面的左侧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及其同类工具的窍门(您将在时间问题上掌握它),它们都是相当基本的工具。它的主要目的是处理将页面布局成块并为您处理所有浮点逻辑。一旦你掌握了它的窍门,你可能会发现自己不再需要一个框架,并且通常会根据需要自己创建一个框架,以适应你碰巧正在工作的任何站点的特殊性。