浏览器的差距、ie6 ie7 ie8、符号、html css、BFC、

1、浏览器的差距

　　浏览器默认的字体是16px，谷歌的最小字体是12px，其他是10px

2、ie6、ie7、ie8、

　　hack：就是针对不同的浏览器去不同的html，css样式，从而让各个浏览器能达到一致的渲染效果

　　html的hack：写在html的标签中

　　css的hack：写在css的样式中

3、符号

　　&it；<　　&ite; <=　　> >　　&gte; >=

4、html hack的写法

（1）、<!--[if ite ie8]>

　　　　　 <![end if ]-->

　　　　　小于等于ie8以下才会出现

（2）、<!--[if ie8]>

　　　　　 <![end if ]-->

　　　　　只在ie8下出现

5、css hack

　　（1）、值hack，特殊符号

　　　　　 ie6专用符号是 -和短横和下划线

　　　　　 ie6和ie7同时专用的hack，属性前加！或+ 等

　　　　　 ie8专用的hack属性值后分号前加\0/

　　　　　 ie6 7 8 9 10 同时专用的，是属性值后分号前加\9　　　

　　（2）、选择器hack ，特殊符号写在选择器上

　　　　　　ie6和ie7专用 *div{}

　　　　　　ie6和ie7同时专用的 div，{}

　　　　　　除了ie6 html>body div{}

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

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

5、BFC

　　　　BFC全称：Block Formatting Context，翻译过来就是“块级格式化上下文”，它是w3c css.2./规范中的一个概念，决定元素如何对其内容定位。

　　（1）、如何让一个元素具有bfc规范呢？

　　　　　　a、根元素；

　　　　　　b、float属性不为none；

　　　　　　c、position为absolute 或fixd；

　　　　　　d、display为inline-block，table-cell，table-capition，fixd，inline-flex

　　　　　　e、overflow不为visible；

　　（2）、BFC的作用

　　　　　　a、给父级元素清除浮动，避免高度塌陷；

　　　　　　b、垂直margin合并

　　　　　　c、在两栏布局中，可以用BFC避免浮动兄弟元素的遮盖

　　　(3)、BFC的布局

　　　　　　a、内部的box会在垂直方向，一个接一个地放置；

　　　　　　b、box垂直方向的距离由margin决定的，属于同一个BFC的两个box的margin会发生重叠；

　　　　　　c、每一个元素的margin box的左边与包含块border box的左边相接触（对于从左往右的格式化，否则相反），即使存在浮动也是如此；

　　　　　　d、BFC的区域不会与float box重叠；

　　　　　　e、BFC就是页面上的每一个独立容器，容器里面的子元素不会影响到外面的元素，反之也是如此；

　　　　　　f、计算BFC的高度时，浮动元素也参与计算。

巴特西

浏览器的差距、ie6 ie7 ie8、符号、html css、BFC、

最新文章

热门文章