css布局之三列布局
来源:互联网 发布:qq群排名优化软件 编辑:程序博客网 时间:2024/06/05 09:57
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>三列布局</title><style type="text/css">body{ margin:0; padding:0; font-size:30px; font-weight:bold}div{ line-height:50px}.left{ width:200px; height:600px; background:#ccc; position: absolute; left:0; top:0}.main{ height:600px; margin:0 310px 0 210px; background:#9CF}.right{ height:600px; width:300px; position:absolute;right:0;top:0; background:#FCC;}</style></head><body> <div class="left">left</div> <div class="main">设计首页的第一步是设计版面布局。就象传统的报刊杂志编辑一样,我们将网页看作一张报纸,一本杂志来进行排版布局。 虽然动态网页技术的发展使得我们开始趋向于学习场景编剧,但是固定的网页版面设计基础依然是必须学习和掌握的。它们的基本原理是共通的,你可以领会要点,举一反三。</div> <div class="right">right</div></body></html>
0 0
- css布局之三列布局
- css 三列布局
- CSS 三列布局
- CSS三列布局
- CSS之三列自适应布局
- css布局之三列布局中间自适应
- css 布局 两列布局与三列布局
- css实现三列布局
- CSS三列自适应布局
- CSS三列自适应布局
- HTML&CSS三列布局
- html5+css 三列布局
- 纯CSS三列布局
- Css三列自适应布局
- CSS之创建等高列布局之三
- css布局之二列布局
- css——之三行三列等高布局
- 三行三列的CSS布局
- 自定义柱状图
- ubuntu报错permission
- ref与out的区别
- poj 1014 Dividing(多重背包/母函数)
- jmeter sampler中各个元件的执行顺序
- css布局之三列布局
- 一天一条Linux指令-uptime
- javascript代驾问题(this指向)
- Java虚拟机学习 - 体系结构 内存模型
- 打鼹鼠
- 将轻松的留给生活,沉重的留给写作——读《灯下尘》(七堇年)
- Activity的生命周期
- vijos1037 【双塔】
- js鼠标键盘事件的使用