css--960框架
来源:互联网 发布:淘宝福兴隆珠宝是假的 编辑:程序博客网 时间:2024/06/08 07:52
css框架(960grid)固宽布局(栅格布局)
1、960框架特点:采用栅格布局把网页宽度固定在960px,使网页不容易变形
1、960框架的使用方法;
(1)在html文件中引入相关的外部CSS文件
(2)定义一个DIV大容器,放下整个页面:
示例:
<div class="container_12 header"> </div> <div class="clear"></div> <div class="container_12 content"> <div class="grid_3 left alpha omega">first</div> <div class="grid_6 center alpha omega">second</div> <div class="grid_3 right alpha omega">three</div> </div> <div class="clear"></div> <div class="container_12 footer"></div>
2、html引入960框架文件:
<Link rel="styleSheet type="text/css" hrep="../css/960/960.css"/> <Link rel="styleSheet type="text/css" hrep="../css/960/reset.css"/> <Link rel="styleSheet type="text/css" hrep="../css/960/text.css"/>
3、在上面的例子中,左中右的布局中,每个div都有外边距可使用alpha是去除左边的margin,omega是去除右边的margin
示例:
<div class="grid_3 left alpha omega">first</div> <div class="grid_6 center alpha omega">second</div> <div class="grid_3 right alpha omega">three</div>
4、关于
<div class="clear"></div>
清除之前的布局,开始新的布局
阅读全文
0 0
- CSS框架960Grid
- CSS框架960Grid
- 960 CSS框架
- css框架960grid
- css--960框架
- css--960框架
- css框架[3]-960grids
- css框架960Grid介绍
- CSS框架960Grid入门
- CSS 框架
- CSS框架
- CSS框架
- CSS框架
- CSS框架
- css框架
- CSS 框架 Blueprint CSS
- 【CSS】CSS框架
- css框架960gridSystem和1200的
- MFC数据窗口更新函数详解
- Java集合类操作优化经验总结
- MyBatis映射器的两种方式实现增删改查
- myeclipse10.6破解
- Java基础-----IO流
- css--960框架
- 每日英语阅读(三十四)
- CSS基础知识
- Activiti支持的数据库
- POJ
- CDH大数据平台实施经验总结
- jQuery文档处理
- 【最长上升子序列 && 输出路径】HDU
- 51nod 1135 原根 就是原根...