清浮动方法，变形和动画，向上向下取整，随机数，转换百分比，清除内外边距造成的影响

清浮动方法

overflow:hidden
clear:both新建div专门清除浮动
.row::after{content:'';display:block; clear:both;}

• 代码常用字体font-family:consolas,sans-serif;

变形和动画

变形

元素在文档流中的位置大小不会发生变化
只是视觉上发生了旋转缩放斜切和位移
监测teansition:all .8s ease .5s;
旋转变形-webkit-transform:rotateZ(30deg);
放大缩小 transform:scale(1.2，1.2)（小于1 0.2）
斜切变形 transform:skew(20deg,30deg)
位移变形 transform:translate3d(左右,上下,0)

方法

ceil()向上取整
floor()向下取整
random()随机数
percentage()转换成百分比
box-sizing:border-box;清除内外边距造成的影响