改变元素性质的三种方式：
position display float
行级元素，行级元素的margin上下不起作用了，左右还行
占位：
针对标准流来说，
元素添加float，position元素，不会占位（脱离标准文档流）
浏览器默认的天生inline-block元素（有内在尺寸，设宽高，不自动换行）：
< in put > < img > < buttom > < texterea > < label >
rgba（） opacity（）透明效果的区别：
rgba（只作用于元素的颜色或背景色），设置rgba透明元素的子元素不继承透明效果
opacity（作用于元素，及元素内所有内容透明度）
css盒模型：
内容，border，margin，padding，
浏览器的差距：
默认字体16px 谷歌最小字体12px 其他10px
IE6 -IE7- IE8 ------hack
hack：针对不同的浏览器去写html，CSS样式，从而让各个浏览器达到一致的渲染效果
hack的两种写法：html——hack（写在HTML标签中） A
css——hack（写在CSS样式中） B
A——< ! --[ if ite ie 8 ] >
< ! [ endif ] --> 小于等于IE8 出现
< ! --[ if ie 8 ] >
< ! [ endif ] --> 只在IE8 出现
B——css hack
1. 选择器hack 特殊符号写在选择器上
2. 值hack 特殊符号写在属性前面
选择器hack：IE6，IE7专有——*div { }
IE6，IE7同时专有——div，{ }
值hack：IE6专用符号-短横，下划线
IE6，IE7同时专有，属性前加！+ 等
IE8 专有，属性值后，分号前加\0/
IE7,8,9,10，同时专有，属性前后加\9
渲染：渲染是浏览器的一种能力，将文字，图片，样式展现出来
向下兼容：新属性值在高版本浏览器出，向低版本处理这种方法