问题描述
|
我今天早上大约美国东部时间上午8点开始使用Blueprint CSS,但发现自己有以下问题:
什么时候使用容器类?
我应该如何从概念上考虑容器?
容器类需要跨度类吗?为什么或者为什么不?
容器类需要最后一类吗?为什么或者为什么不?
一个容器可以放在另一个容器内吗?
推/拉类的重点是什么?我不能只用附加/前置来放置内容吗?
如果我使用诸如.right,.left之类的float类,是否还需要指定span-x和last?
我如何使行更高?
我如何连续垂直居中放置某物?
如何使根容器距页面左侧20px,而不是使其居中?
解决方法
什么时候使用容器类? (+接下来的4个问题):
查看源可以向您展示很多内容。这是容器类:
.container {width:950px;margin:0 auto;}
它只是一个大页面包装器。大多数人使用它一次将所有HTML包装在页面上,因此它居中且宽度为950像素。
推/拉类的重点是什么?我不能只用附加/前置来放置内容吗?
追加/添加添加填充。推/拉“移位”边距。
如果我使用诸如.right,.left之类的float类,是否还需要指定span-x和last?
这些CSS框架的全部目的是避免处理您自己的浮点数。
我如何使行更高?
向该行中添加更多内容或为其指定高度样式。
我如何连续垂直居中放置某物?
如果坚持使用网格,则可以使用添加/添加使其在网格上居中。如果您不坚持使用网格,则可以使用任何典型的CSS方法(通常使用margin:auto)
如何使根容器距页面左侧20px,而不是使其居中?
一直回到问题#1,然后看一下CSS类。改变它。
在大多数情况下,一旦掌握了蓝图,Blueprint及其类似工具都是相当基本的工具(您会在短时间内找到它)。它的主要目的是将页面布局成块并为您处理所有浮动逻辑。一旦掌握了这些要点,您可能会发现自己不再需要框架,并且通常会根据需要修改自己的框架,以适应您正在工作的任何站点的特殊性。