码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2018-10-15 18:31:08      阅读:243      评论:0      收藏:0      [点我收藏+]

标签:就是   特殊   cap   lin   orm   处理   one   如何   ext   

1、浏览器的差距

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

2、ie6、ie7、ie8、

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

  html的hack:写在html的标签中

  css的hack:写在css的样式中

3、符号

  &it;<  &ite; <=  &gt; >  &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、

标签:就是   特殊   cap   lin   orm   处理   one   如何   ext   

原文地址:https://www.cnblogs.com/yanghuiting/p/9792029.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!