1、transition(过渡)：

　　CSS 属性改变的典型时间是鼠标指针位于元素上时；

　　不是在伪类(如xx:hover {})中；

　　同时设置多个属性：

　　　　-webkit-transition:width 5s,height 5s,background-color 5s,-webkit-transform 2s;

　　细分为4个转换属性：

　　　　transition-property；

　　　　transiton-duration；

　　　　transition-timing-function：

　　　　　　默认为ease，慢开始，变快，慢结束；

　　　　　　cubic-bezier：

　　　　　　　　三次贝塞尔函数；　　　　　　　

　　　　　　　　四点，P0-3，P0、P3是默认的点，对应[0,0], [1,1]；

　　　　　　　　P1、P2两点则是通过cubic-bezier(x1, y1, x2, y2) 自定义，x1,x2,y1,y2的值范围在[0, 1]；

　　　　　　预留特效：
　　　　　　　　ease: cubic-bezier(0.25, 0.1, 0.25, 1.0)
　　　　　　　　linear: cubic-bezier(0.0, 0.0, 1.0, 1.0)
　　　　　　　　ease-in: cubic-bezier(0.42, 0, 1.0, 1.0)
　　　　　　　　ease-out: cubic-bezier(0, 0, 0.58, 1.0)
　　　　　　　　ease-in-out: cubic-bezier(0.42, 0, 0.58, 1.0)

　　　　transition-delay。

2、animation(动画)：

　　只是动画过程，并未指定元素的起始/最终状态(需要自己规定，否就是默认值？)：

　　　　可在animation-fill-mode中设置，动画开始前以及动画结束后的元素状态：

forwards 当动画完成后，保持最后一个属性值（在最后一个关键帧中定义）。
backwards 在 animation-delay 所指定的一段时间内，在动画显示之前，应用开始属性值（在第一个关键帧中定义）。

　　在@keyframes中创建动画时，需要绑定选择器：

　　　　from {} 等价于 0%；

　　　　to {} 等价于 100%；

　　　　百分比 {}，可与 from/to 结合使用。

　　各选择器操作不同的属性：　　

　　　　@keyframes stateC {
　　　　0% {background:red;}
　　　　50% {background:yellow;}
　　　　75% {background:blue; left:300px; top:300px;}
　　　　100% {background:red; left:0px; top:0px;}
　　　　}

　　　　相对定位的延时还是存在的，但是时间不对，背景还未完全变黄，位置就开始变化了。

3、浏览器是如何区别倍数和省略px的像素值？

4、主流浏览器都不支持 column-fill 属性？

5、注意：

　　column-rule-width占据的空间在column-gap中，而且值可以比gap大，以至于会覆盖两边的文本；

　　column-rule-width与column-width(设置文本列的宽度)不同；

 

　　总结：

　　　　column-width与column-count独自存在时，都可以决定列数；

　　　　当二者同时存在，column-count决定列数，而column-width决定列宽的下限值：

　　　　　　就是依据column-count得到的列宽要不小于column-width，意味着column-count有上限值；

　　　　　　当 column-width*column-count + column-gap > div宽度时，显示一列；

　　　　　　当column-count超过上限值时，显示column-count取上限值时的列数；

　　　　　　column-width + column-gap无法精确匹配父级div的宽度，是自适应？

6、resize：

　　手动自由缩放属性；

　　div框的右下角标识。

7、box-sizing：

　　content-box：width和height对应的是内容的宽度和高度；

　　border-box：width和height对应的是边框外围圈的宽度和高度；

　　inherit：继承父元素的boxing-sizing值。

8、outline：

　　轮廓不占用空间；

　　轮廓可能是非矩形？

　　outline-offset要单独设置。