13)

标签：position   ie6   css盒模型   添加   其他   等于   add   专用   方式   

改变元素性质的三种方式：

　　　　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

　　　渲染：渲染是浏览器的一种能力，将文字，图片，样式展现出来

　　　向下兼容：新属性值在高版本浏览器出，向低版本处理这种方法

13)

标签：position   ie6   css盒模型   添加   其他   等于   add   专用   方式   

原文地址：https://www.cnblogs.com/xiaotaiyangye/p/9792034.html