前端面试（css）

1、first-of-type匹配其父元素的某一类型的第一个元素。和:nth-of-type(1) 是一个意思。

2、flex布局，弹性布局，任一容器display:flex；

子元素：flex-direction决定主轴的方向，flex-wrap换行属性，justify-content主轴的对齐方式。aliign-items交叉轴对齐

3、animation

动画由@keyframes构造，animation：name duration timing-fuction animation-delay count;

4、background-color设置的背景颜色会填充元素的content、padding、border区域

5、inline元素width和height无效margin垂直方向也无效，padding无效

image为可替换元素所以可以设置宽高。

6、@media 查询，你可以针对不同的媒体类型定义不同的样式。

7、css绘制三角形，width和height都为0，border设置一下，隐藏三个即可。