17.1.5 依旧是布局

1.了解了2D/3D 转换属性（Transform）过渡属性（Transition），过度属性让css3不用js也能实现动画效果

2.clearfix的用法，用在哪   首先理解下为什么要用clearfix，因为一个父块中有一群不听话浮动的子集，若父集没有设置高度，那么他就会坍缩，以前解决的办法是添加都一个子集div用clear:both来解决，但是这样的话就多了一个儿子，还没名分的那种不好，所以就有了这个clearfix的方法,这个方法其实  整段代码就相当于在浮动元素后面跟了个宽高为0的空div，然后设定它clear:both来达到清除浮动的效果。

一下是bootstrap里面clearfix的写法，这是依据BFC构成方法写出的

clearfix这个类名用在父集标签上

.clearfix {    

*zoom:1;            /*针对IE6的写法*/

}

.clearfix:before,  

.clearfix:after {

display: table;     /*这个display,用inline-block会产生空白 或者table-caption会导致兼容问题，所以用table就行了*/

line-height:0;

content:"";  /*内容为空或者别的都行*/

}

.clearfix:after {

clear:both;

}

3.在写页面的时候遇到一个比较白痴的问题就是当浏览器页面减小，拖动滚动条的时候设定的宽度不填充

后来在设置背景的容器里面加入min-width就解决了

4.行高和字号的关系，尽量用em来控制文本中的行高，这样不用重复调整所有参数，所以为了更好地参数设置，干脆就直接设置一个固定的父集字号，后面的字号设置成父集的百分比，行高又或者是padding,margin,border-radius这类有关的值都设置成em。这样只需要调整字号所有的值都随之变化。rem是相对根目录也就是html的，若html设置了16px 的fontsize   1rem=16px;

5.了解下CSS3 中的多栏 瀑布流布局