1.如何使用960框架
>在html文件中引入相关的外部CSS文件;主要是960.css、reset.css和text.css
>2.定义一个DIV大容器,放下整个页面
>grid其实就是一个容器,在这个容器里,已经给分好了“块,所以这个容器就给平均分成了块,有12和16两种,我们用.container_12 和 .container_16来区分
>
div class="container_12"></div>——12块
<div class="grid_12"></div>-------这一块使用了一个12列的grid
</div>
注意事项:
因为平分了12列,每两列之间都会有一个留白,就是所谓的margin,在默认的情况下,每一列的左右都会留出10px的白,那么相邻的两列之间的margin就是20px
alpha和omega
alpha是去除左边的margin,omega是去除右边的margin
>3.换行
<div class="clear"></div>
为了清除它对身后的CSS设置影响,建议在每个横向DIV大块做完之后,都加上class="clear"进行收尾。
>在html文件中引入相关的外部CSS文件;主要是960.css、reset.css和text.css
>2.定义一个DIV大容器,放下整个页面
>grid其实就是一个容器,在这个容器里,已经给分好了“块,所以这个容器就给平均分成了块,有12和16两种,我们用.container_12 和 .container_16来区分
>
div class="container_12"></div>——12块
<div class="grid_12"></div>-------这一块使用了一个12列的grid
</div>
注意事项:
因为平分了12列,每两列之间都会有一个留白,就是所谓的margin,在默认的情况下,每一列的左右都会留出10px的白,那么相邻的两列之间的margin就是20px
alpha和omega
alpha是去除左边的margin,omega是去除右边的margin
>3.换行
<div class="clear"></div>
为了清除它对身后的CSS设置影响,建议在每个横向DIV大块做完之后,都加上class="clear"进行收尾。