常见布局模块实现1-全球通业务布局分析、盒子模型，背景、文本属性

常见布局方案 上中下一栏式 左右两栏式 左右两栏加页眉页脚 左中右三栏 左中右三栏之双飞翼 左中右三栏加页眉页脚

浏览器兼容性 H5标签兼容 元素浮动后，能设置宽度的话就给元素加宽度，如果需要宽度是内容撑开，就给它里面的块元素加上浮动 第一块元素浮动，第二块元素加margin值等于第一块元素，在IE6下会有间隙问题 IE6 下子元素超出父级宽高，

Form表单<input type="...." name="" value="" /> text 文本框 password 密码 radio 单选 check

表格表格的组成table表格 thead表格头 tbody表格主体 tr 表格行 th 元素定义表头 td 元素定义表格单元 表格样式重置table{border-collapse:collapse;} 单元格间隙合并 th,td {pad

定位定位的思考相对定位的特征position:relative; 不影响元素本身的特性 不使元素脱离文档流（元素移动之后原始位置被保留） 如果没有定位偏移量，对元素本身没有任何影响 提升层级 绝对定位的特征position:absolu

浮动介绍及基本语法float: left right none inherit 文档流是文档中可显示对象在排列时所占用的位置 浮动的定义使元素脱离文档流，按照指定方向发生移动，遇到父级边界或者相邻的浮动元素停了下来 浮动清除clear:

inline-blockinline-block特点 块元素能在一行上显示 内联元素支持宽高 没有宽度时由内容撑开宽度 标签之间的换行被解析（问题） ie6 /7 不支持块属性标签的inline-block 块和内嵌的转换dis

块元素和内联元素块元素特征 默认独占一行 没有宽度时，默认撑满一行 支持所有css命令 内联元素特征 同排可以继续跟相同类型的标签 内容撑开高度 不支持宽高 不支持上下的margin 代码换行被解析–空格 块和内联的转换display

选择器id选择器唯一 <div id="box"></div> #box { } 类选择器<div class="box"></div&g

标签样式初始化css reset 原则： 但凡是浏览器默认的样式，都不要使用。 因为每个浏览器下标签的默认样式可能会出现不一致的情况。 人为的将所有样式全部统一（清除），再根据实际情况（设计稿）统一设置。 哪些样式是需要重置的 ​ 与盒模型

HTML常用标签span标签span 区分样式 header 页眉主要用于页面的头部信息，也可用于板块头部 nav 导航包含链接的一个列表 footer 页脚页面的底部或者版本底部 section 页面上的版块用于划分页面上不同的区域，或者