960框架

来源:互联网 发布:微分销商城源码 编辑:程序博客网 时间:2024/06/01 20:49
 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"进行收尾。
0 0
原创粉丝点击