1、flex布局
www.ruanyifeng.com/blog/2015/0…
2、CSS动画
3、BFC
4、布局（水平居中、垂直居中、水平垂直居中）
5、CSS选择器
6、浮动及清除浮动
7、常见两拦、三栏布局（双飞翼布局、圣杯布局）
8、CSS3新特性
9、CSS响应式设计
www.kancloud.cn/kancloud/re…（还未读）
10、css优化、提高性能的方法
11、回流和重绘
12、position、display，float叠加会怎么样
如果元素的display为none,那么元素不被渲染,position,float不起作用,如果元素拥有position:absolute;或者position:fixed;属性那么元素将为绝对定位,float不起作用.如果元素float属性不是none,元素会脱离文档流,根据float属性值来显示.有浮动,绝对定位,inline-block属性的元素,margin不会和垂直方向上的其他元素margin折叠.
具体：www.cnblogs.com/jackywhj/p/…
13、display:none和visibility:hidden的区别
display:none
元素从渲染树中消失，渲染的时候不占任何空间，非继承属性，子孙节点消失是由于元素从渲染树中消失造成的，导致回流
visibility:hidden
元素不会从渲染树中消失，渲染的时候会占据空间，只是内容消失不见，是继承属性，子孙节点的消失是由于继承了hidden，可通过设置visibility:visible让子孙节点可见，导致重绘
14、去除inline-block元素间间距
www.zhangxinxu.com/wordpress/2…
15、元素竖向的百分比间距设定是相对于容器的高度吗？
当按百分比设定一个元素的高度时，它是相对于父容器的高度计算的，但是，对于一些表示竖向距离的属性，例如 padding-top , padding-bottom , margin-top , margin-bottom 等，当按百分比设定它们时，依据的也是`父容器的宽度，而不是高度`。
<div style="height: 200px; width: 100px; background-color: blue">
<div style="height: 50%; width: 50%; background-color: burlywood;padding: 10%; margin: 10%">
子元素
</div>
</div>
16、在网页中的应该使用奇数还是偶数的字体？为什么呢？
使用偶数字体。偶数字号相对更容易和 web 设计的其他部分构成比例关系。Windows 自带的点阵宋体（中易宋体）从 Vista 开始只提供 12、14、16 px 这三个大小的点阵，而 13、15、17 px时用的是小一号的点。（即每个字占的空间大了 1 px，但点阵没变），于是略显稀疏。
17、css画一个三角形
width: 0;height: 0;
border-top: 40px solid transparent;
border-left: 40px solid transparent;
border-right: 40px solid transparent;
border-bottom: 40px solid #ff0000;
18、inline元素特点
inline元素设置width，height属性无效 ，inline元素的padding和margin可以设置，但是水平方向的padding-right，padding-left，margin-right，margin-left都产生了效果，而垂直方向的padding-top，padding-bottom，margin-bottom，margin-top是没有效果的
inline-block：不会换行的元素
