最后补充

1、img标签边距解决方法

（1）把img标签转化为块元素

（2）父容器指定高度

（3）父容器的字号变为font-size：0px；（注意里面的字号需要另外设置）

2、Animation.CSS库的使用

（1）使用方法

<1>下载地址： http://pan.baidu.com/s/1ntFjwAt

<2>引入文件

    <link re="stylesheet" href="animate.min.css">

<3>添加animation的类

    <div class="animated bounce"></div>

    其中，bounce是具体动画的名称，在下载的压缩包中找到index.html，里面有动画的名字

3、解决chrom字体小于12号都显示为12号的方法：把chrom设置为英文语言环境下即可。设置-语言与输入设置-添加英文语言，把英文托到最上面，一定要选择“以这种语言显示google chrom”，并且重启浏览器。

4、px、em和rem的区别

（1）如何改变浏览器文字大小

<1>IE:查看-文字大小

<2>chrome：设置-网络字体

<3>firefox：选项-内容-字体和颜色

（2）以px为单位的字号，修改完浏览器字体大小之后并没有显示相应的改变。

（3）以em为单位的字号更具有适应性（基于父元素），可随着浏览器字号的大小进行调整（自适应）

      一个em是网页浏览器的基础文本尺寸的高度，一般情况下是16px，所有未经调整的浏览器都符合1em=16px。但是任何人都可以改变这个基础尺寸的设置。除了浏览器的初始字号设置外，em也可以从包含标签中继承尺寸信息。

（4）rem单位是基于html的，不再受父元素控制

（5）如何将现有的px单位换成em为单位

<1>先给body设置为font-size：62.5%，之后谁要改变为em单位，只需要将自身的值除以10，后加em单位即可

<2>现有px字号除以浏览器字号然后加em值

（6）总结

<1>px是相对单位，相对于屏幕的分辨率

<2>em单位名称为相对长度单位，相对于当前的父级来计算

<3>rem单位名称为相对root长度单位，也就是html结点(16px)

5、CSS hack：在css中，hack是指一种兼容css在不同浏览器中正确显示的技巧方法。一个页面，布局正确，css正确，可就是在不同的浏览器中显示的效果不一样，要么错位，要么多几个像素，怎么都找不到原因，这时就可以用一些技巧方法来让不同的浏览器显示一样的效果。hack又分为条件hack、属性级hack、选择符hack

（1）条件hack：一般会限定是哪个版本的浏览器（注意不要写在style标签中，它和style标签同级）

     <1>书写格式：

        <!- [if 关键词 IE 版本号]>

        HTML代码块

        <![endif]->

     <2>常见的条件关键词：gt大于      lt小于

（2）属性级hack：一般放在css属性中

     <1>_ 选择IE6及以下，放在属性前

     <2>\9 选择IE6及以上

（3）选择符hack

     <1>选择符*+(通配符加一个加号，是一个整体)