内容纲要
八、页面布局
1.简介
常见页面布局：
- 表格布局
- div布局
2.表格布局
2.1 简介
不适用于复杂布局，仅用于简单 、有规则的结构
定位相对准确，与浏览器基本无关，适用于简单分隔
2.2 用法
table常用样式的属性
- border在表格外围设置边框
- border-spacing设置单元格之间的距离（相当于table标签中的cellspacing属性，即间距）
- border-collapse表格中相邻边框是否合并，取值：seprate、collapse
th/td常用样式属性：
- border为单元格设置边框
- padding设置单元格的内边距（相当于table标签中的cellpadding属性，边距）
3.div布局
定位绝对精确，使用灵活，适合于复杂的布局方式
3.1 简单布局
两种形式：
- 1-1-1布局
示例：
- 1-2/ 3-1布局
示例：
3.2 圣杯布局
页面结构，两边的边栏宽度固定，中间主体在一定范围内可自适应，并且主体优先被加载
一般防止页面缩放影响浏览，都会为页面设置一个最小宽度
示例：
九、网页案列
效果图：
参考代码如下：
CSS样式：
