css+div排版布局

css+div排版布局

ID:21239470

大小:2.73 MB

页数:11页

时间:2018-10-20

css+div排版布局_第1页
css+div排版布局_第2页
css+div排版布局_第3页
css+div排版布局_第4页
css+div排版布局_第5页
资源描述:

《css+div排版布局》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库

1、CSS+DIV布局排版目标了解CSS排版观念掌握常用的几种排版方法理解div排版与传统的表格排版的区别2概述CSS排版观念固定宽度且居中的版式左中右排版块的背景色问题div排版与传统的表格方式排版的分析3CSS排版观念将页面用div分块4banner

date
oth

2、ersCSS排版观念设计各块的位置5CSS排版观念用CSS定位6body{margin:0px;font-size:13px;font-family:Arial;}#container{position:relative;width:100%;}#banner{height:80px;border:1pxsolid#000000;text-align:center;background-color:#a2d9ff;padding:10px;margin-bottom:2px;}#content{float:left;text-align:c

3、enter;padding-right:200px;/*内容往回挤200px*/}#links{float:right;width:200px;border:1pxsolid#000000;text-align:center;}固定宽度且居中的版式方法一7body,html{margin:0px;text-align:center;}#container{position:relative;margin:0auto;width:700px;text-align:left;}固定宽度且居中的版式方法二8body,html{margin:0px;}#container

4、{position:relative;left:50%width:700px;margin-left:-350px;}左中右排版HTML布局9

left

right

块的背景色问题用背景图片填补空白10#container{margin:0px;padding:0px;background:url(bg2.jpg)repeat-y;/*用背景图片填补#left的空白,又不影响#right*/}

5、总结本章介绍了CSS排版的观念,讲解了常用的几种排版方法,着重指出在排版中遇到的块的背景色问题的解决方法,以及通过总结目前网页制作中使用最多的表格排版的优点和缺点分析了div排版与传统的表格方式排版的区别。11

当前文档最多预览五页,下载文档查看全文

此文档下载收益归作者所有

当前文档最多预览五页,下载文档查看全文
温馨提示:
1. 部分包含数学公式或PPT动画的文件,查看预览时可能会显示错乱或异常,文件下载后无此问题,请放心下载。
2. 本文档由用户上传,版权归属用户,天天文库负责整理代发布。如果您对本文档版权有争议请及时联系客服。
3. 下载前请仔细阅读文档内容,确认文档内容符合您的需求后进行下载,若出现内容与标题不符可向本站投诉处理。
4. 下载文档时可能由于网络波动等原因无法下载或下载错误,付费完成后未能成功下载的用户请联系客服处理。