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 中的多栏 瀑布流布局