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、的更多相关文章

  1. 兼容IE6/IE7/IE8/FireFox的css hack

    兼容IE6/IE7/IE8/FireFox的css hack .color{ background-color: #CC00FF; background-color: #FF00009; *backg ...

  2. JS代码判断浏览器版本,支持IE6,IE7,IE8,IE9!三种方法!

    web开发的时候有时候会用到JS检测IE的版本,下面是检测Microsoft Internet Explorer版本的三种代码! 方法一: <script type="text/jav ...

  3. JS代码判断IE6,IE7,IE8,IE9的函数代码

    JS代码判断浏览器版本,支持IE6,IE7,IE8,IE9!做网页有时候会用到JS检测IE的版本,下面是检测Microsoft Internet Explorer版本的三种代码 做网页有时候会用到JS ...

  4. CSS- ie6,ie7,ie8 兼容性写法,CSS hack写法

    css ie6,ie7,ie8 兼容性写法,CSS hack写法 margin-bottom:40px;       /*ff的属性*/margin-bottom:140px\9;    /* IE6 ...

  5. IE6 IE7 IE8 的函数声明和函数表达式的实现与其他浏览器有差异

    标准参考 函数声明和函数表达式 定义一个函数有两种途径:函数声明和函数表达式. 函数声明: function Identifier ( FormalParameterList opt ) { Func ...

  6. IE6 IE7 IE8 FF兼容符号

    2.区别IE8.IE9 一般来说,我们写的结构比较好的时候,IE8/9下是没区别的.所以可能很少人关注只有IE8或只有IE9才识别的css hack. 因为IE8及以下版本是不支持CSS3的,但是我们 ...

  7. 让IE6/IE7/IE8浏览器支持CSS3属性

    让IE6/IE7/IE8浏览器支持CSS3属性 一.下载 您可以狠狠地点击这里:ie-css3.htc,这个玩意儿是让IE浏览器支持CSS3表现的关键东东. 二.上面的是什么东西 首先说说.htc文件 ...

  8. 如何让低版本的IE浏览器(IE6/IE7/IE8)支持HTML5 header等新标签

    html5提供的一些新标签(article,aside,dialog,footer,header,section,footer,nav,figure,menu)使用起来非常的方便,但是低版本的IE浏览 ...

  9. css中使用if条件在各大浏览器(IE6\IE7\IE8)中hack方法解决教程

    一个滚动代码,其他浏览器都滚的好好的,就IE出现错误,DIV+CSS if条件hack,这里DIVCSS5为大家介绍针对各大浏览器(IE6\IE7\IE8)中使用if条件hack方法教程,DIV CS ...

  10. 针对IE6,IE7,IE8,IE9,FF等不同浏览器的CSS写法

    首先我们介绍一下HACK原理,就是不同浏览器对字符的识别不同 在 CSS中常用特殊字符识别表: (1)*: IE6+IE7都能识别*,而标准浏览器FF+IE8是不能识别*的; (2)!importan ...

随机推荐

  1. Java 快速失败( fail-fast ) 安全失败( fail-safe )

    原文:http://www.cnblogs.com/ygj0930/p/6543350.html 快速失败( fail-fast ):当你在迭代一个集合的时候,如果有另一个线程正在修改你正在访问的那个 ...

  2. HDU 5651xiaoxin juju needs help

    xiaoxin juju needs help Time Limit: 2000/1000 MS (Java/Others)    Memory Limit: 65536/65536 K (Java/ ...

  3. sublime text2 相关插件及其应用

    一.常见的插件 1.Emmet 'ctrl+up':切换文件: "ctrl+alt+enter":创建新的div标签: "shift+ctrl+." :查找相同 ...

  4. Spring Boot2.0+Redis+Ehcache实现二级缓存

    EHCache 本地缓存 Redis 分布式缓存(可以共享) 一级 Redis 二级Ehcache    当redis挂了 有备胎 反之: 先走本地,本地没有再走网络  尽量少走Redis  效率会高 ...

  5. 百度地图API--信息窗口

    信息窗口 -----纯文本信息窗口 为了更方便的提示用户,在地图的指定的地方添加文本信息的窗口,给用户直观展示信息,下面是如何添加一个纯文本的信息窗口. 下面是添加一个文本窗口: /* * 添加纯文本 ...

  6. 管理 Word 博客账户

    1.1 多个博客账户 笔者的电脑上,Word 2013 有多个博客账户,如下图所示: 图1.1 多个博客账户 这些账户的名称在 Word 里是自动生成的,无法更改.账户一多就无法与相应的网站一一对应, ...

  7. MySQL主从详细安装步骤

    网站: 程序在:web服务器192.168.1.100上面 数据库在:MySQL服务器192.168.1.123上面 实现目的:增加一台MySQL备份服务器(192.168.1.124),作为MySQ ...

  8. 【旧文章搬运】Windows内核常见数据结构(线程相关)

    原文发表于百度空间,2008-7-24========================================================================== 线程是进程的 ...

  9. linux设备驱动第三篇:如何实现一个简单的字符设备驱动

    在linux设备驱动第一篇:设备驱动程序简介中简单介绍了字符驱动,本篇简单介绍如何写一个简单的字符设备驱动.本篇借鉴LDD中的源码,实现一个与硬件设备无关的字符设备驱动,仅仅操作从内核中分配的一些内存 ...

  10. k8s-RBAC授权-十六

    一.简介 基于角色的访问控制(“RBAC”) http://docs.kubernetes.org.cn/80.html (1) Kubernetes的授权是基于插件形式的,常用的授权插件有以下几种: ...