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"进行收尾。
>在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
- 960框架
- CSS框架960Grid
- CSS框架960Grid
- 960 CSS框架
- css框架960grid
- css--960框架
- css--960框架
- 框架
- 框架
- 框架
- 框架
- 框架
- 框架
- 框架
- 框架
- 框架
- 框架
- 框架
- bs(二)表单(按钮、input、图片图标)
- strcmp,strncmp函数实现——string.h库函数
- KMP小模板
- 在android studio中新建android gradle project的时候connect refused:connect或者卡在building project...或Refreshing
- 升级Ember到2.2.0版本
- 960框架
- 理解inode
- 南大软院21天大神养成计划第9天
- ssh 免密码登录
- bootstrap框架
- Android应用程序换肤实现系列(一)
- 用CSS美化你的滚动条
- The server encountered an internal error that prevented it from fulfilling this request.
- Spring-Hibernate学习