1.table布局:通过table元素将页面空间划分成若干个单元格,将文字或图片等元素放入单元格中,隐藏表格边框,实现布局。也叫传统布局,主要用于广告邮件的页面,不是主流。
(1)按照设计图的尺寸设置表格的宽高以及单元格的宽高
(2)将表格border,cellpadding,cellspacing全设置为0,表格的边框和间距就不占页面空间,它只起到划分空间的作用。
(3)针对局部复杂的布局,可以在单元格里面嵌套表格,嵌套表格划分局部的空间。
(4)单元格中的元素或者嵌套的表格用align和valign设置对齐方式
(5)通过属性或者CSS样式设置单元格中元素的样式
|
|
2.HTML CSS布局(DIV CSS):主要通过CSS样式设置来布局文字或图片等元素,需要用到CSS盒子模型,盒子类型,CSS浮动,CSS定位,CSS背景图定位等知识来布局,主流布局。来源:http://www.icode9.com/content-4-94151.html