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