3表单元素以及样式重置 form 表单
password 密码 radio 单选 checkbox 复选 submit 提交 不常用
reset 重置 image 图片 file 上传 hidden 隐藏
label 标签为 input 元素定义标注
select/option 下拉选框 对高度的支持不兼容；
16
textarea 文本域
各个浏览器下的默认滚动条显示不兼容 css3新增 resize 调整尺寸属性；
表单元素属于inline-block元素，如果要让他们并在一起居中，用vertical-align:middle; 加一个空的标签设置高
4 表单的问题 表单元素兼容性问题 IE6下input背景滚动； Lesson9 1 滑动门（一） 滑动门：
滑动门并不是一项全新的技术，它是利用背景图像的可层叠性，并允许他们在彼此之上进行滑动，以创造一些特殊的效果。
扩展要求高，图片比较大的 用三层嵌套 扩展要求不高，图片比较小的 用二层嵌套
2滑动门（二）
17
元素的宽度由内容撑开 Display：inline； Display：inline-block; Float
Position:absolute; Position:fixed;
3滑动门（三）
4 CSS精灵 CSS精灵 优点：
利用CSS精灵能很好地减少了页面的http请求次数，从而大大的提高了页面的性能，这也是CSS精灵最大的优点。 减少图片大小
CSS精灵 缺点： 降低开发效率 维护难度加大 Lesson10 1 兼容性1
在IE6下，元素浮动，如果宽度需要内容撑开，就给里边的块元素都
18
加浮动
IE6下最小高度问题
在IE6下，元素的高度小于十几px时候，会被当做十几px处理 解决办法：overflow：hidden；(只是隐藏了超出部分)
1px dotted 在IE6下不支持（显示为虚线） 大于1px支持 解决办法：切背景平铺
在IE6下解决margin传递要触发haslayout overflow:hidden; zoom:1;
在IE6下父级有边框的时候，子元素margin值消失 解决办法：触发父级的haslayout
2 兼容性2 IE6下双边距bug
在IE6下，块元素有浮动和横向margin值，横向的margin值会被放大成两倍
解决办法：display：inline；
在IE6、7下，li本身没浮动，但是li的内容有浮动，li下边就会产生一个间隙
19
解决办法：1给li加浮动
2给li加vertical-align
当IE6下最小高度问题，和 li的间隙问题共存的时候，给li加浮动
当一行子元素占有的宽度之和和父级的宽度相差超过3px，或者有不满行状态的时候，最后一行子元素的下margin在IE6下就会失效(包括3px)
IE6下的文字溢出bug
子元素的宽度和父级的宽度相差小于3px的时候，两个浮动元素中间有注释或者内嵌元素
解决办法：用div把注释或者内嵌元素用div包起来(这种情况很特殊)
3 兼容性3
当浮动元素和绝对定位元素是并列关系，并且叠在一起时候，在IE6下绝对定位元素会消失
解决办法：给定位元素外面包个div
在IE6、7下，子元素有相对定位的话，父级的overflow包不住子级
20