关于960Grid CSS Framework

960Grid官方网站

 

不知道为啥作者不写个文档,虽然框架非常轻量,且用起来很方便简单,也浪费了我2天的时间来熟悉.(老人家是这样的啦,哈哈)

我来写吧,现在完全弄明白了,感觉未来的很长一段时间都会用它为基础.

整个框架就那么几个类:

.container_(number)

.grid_(number)

.prefix_(number)

.suffix_(number)

.pull_(number)

.push_(number)

.alpha

.omega

.clear

.clearfix

基础用法

 

.container_(number)类

.container类提供了3种容器: 12等分, 16等分, 24等分.总宽度总是960px,这也是整个框架的基础容器,也是它的名称的来源.

.container是居中的,解决了各种浏览器的兼容性问题,container本身没有内外间隔(margin和pardding),没有border.

 

.grid_(number)类

写法:

<div class="grid_xx"></div>

 

每个grid就是一个单元格,后面的数字的范围取决于你选择的container类的数字.不能为0.

 

写了个页面的完整代码,基本上代表了960css框架的用法.