css

多列等高布局，算是比较常见的一种布局，要求两列布局看上去高度一致（就是通常是两列背景色一致）。

单行居中多行居左最多两行超过用省略号。

select option有浏览器默认样式，且对自己的样式有一定的保护（基于css规则）。然而当设置 appearance: none 的时候，就相当于让select元素脱离浏览器内置select样式了。此时它相当于一个div，开发者就可以灵活设置样式了。而option还是略有不同，css规则暂时还未暴露更多的权限给开发者。

CSS 否定伪类，:not(X)，是以一个简单的以选择器X为参数的功能性标记函数。它匹配不符合参数选择器X描述的元素。X不能包含另外一个否定选择器。:not伪类的优先级即为它参数选择器的优先级。:not伪类不像其它伪类，它不会增加选择器的优先级。浏览器兼容：IE9+、移动端全兼容

IE盒子透明经常会用到，filter:alpha(opacity=100)，这里记录一下。前景透明建议看这个CSS利用filter/opacity实现浏览器兼容的背景透明。

:empty伪类代表没有子元素的元素。子元素只可以是元素节点或文本（包括空格），但不包括html注释。浏览器兼容：IE9+

在CSS中制作三角形是非常常见的UI任务。通过使用border边框制作CSS三角形或者使用HTML实体制作CSS三角形都是可行的方案。

display:-webkit-box;overflow:hidden;text-overflow:ellipsis;-webkit-line-clamp:2;-webkit-box-orient:vertical;看前缀webkit就知道属于webkit内部属性，只支持webkit内核浏览器，移动端可以放心使用。

使用CSS3 Transforms变换和Animations动画练习制作钢铁侠胸口的小型核反应堆，个人觉得光看还是不行的，还是要多练，并对其中用到得不太熟悉的css属性进行温习补缺。

亲测，position:absolute,position:fixed定位，margin:auto下都可以垂直居中，IE8+支持。