欢迎来到天天文库
浏览记录
ID:39547942
大小:1.04 MB
页数:2页
时间:2019-07-06
《Div+CSS布局方法》由会员上传分享,免费在线阅读,更多相关内容在教育资源-天天文库。
1、Div+css布局步骤:1、在firework或Photoshop中画出大致的布局图,按架构分区切出每个切片。2、在Dreamweaver中,用“插入div标签”的方法布局页面;3、在css中定义每个div的样式。(1)把切片图作为div的背景,先定义宽、高值和背景图尺寸一样;如没有背景图的,或以后在网页中要更改的,可在firework或Photoshop中用选取工具来测量尺寸。(2)设置div间的边界(margin);(3)再设置每个div中的内容离div四周的距离(填充padding),同时修改宽和高的值,使div原定义的
2、尺寸(宽高值)保持不变。提示:padding像素值可在firework或Photoshop中用选取工具来测量获得。(4)最后输入内容,用css样式中的class类方式定义。提示:对div中的有些图文混排的内容,可结合老式的表格排版方法布局。大家熟练div布局后,再完全舍弃table。使页面居中的方法:1、设置页面body的样式:2、再把页面的div放入一个统一的div中。两个的代码如下:body{margin:0px;//可使上边距为0;padding:0px;text-align:center;//内容居中显示。}#cont
3、ainer{position:relative;margin:0auto;//即上下为0,左右自动调整。padding:0px;width:757px;text-align:left;//再次定义内容显示在左边。}
此文档下载收益归作者所有