Div+CSS布局方法

《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;//再次定义内容显示在左边。}