一、居中
1、自动空白边 margin:0 auto;
2、相对定位加负值空白边
position:relative;
left:50%;
margin-left:-50%;
二、浮动布局
1、两列浮动布局 float:left;float:right
2、三列浮动布局,把两列中的一列再分成两列
三、流体布局
以百分代替px,要确定最小值以避免过小
四、弹性布局
以em为单位
五、流体-弹性布局
以em设置宽度,以%设置最大宽度
六、非固定布局中图像的处理
1、作为背景
2、设置包含图像的容器overflow:hidden;避免伸缩
3、对于可伸缩的图像,设置max-length防止失真
七、布局的背景
设置background时用百分数定位
1、自动空白边 margin:0 auto;
2、相对定位加负值空白边
position:relative;
left:50%;
margin-left:-50%;
二、浮动布局
1、两列浮动布局 float:left;float:right
2、三列浮动布局,把两列中的一列再分成两列
三、流体布局
以百分代替px,要确定最小值以避免过小
四、弹性布局
以em为单位
五、流体-弹性布局
以em设置宽度,以%设置最大宽度
六、非固定布局中图像的处理
1、作为背景
2、设置包含图像的容器overflow:hidden;避免伸缩
3、对于可伸缩的图像,设置max-length防止失真
七、布局的背景
设置background时用百分数定位