目录

• [x] Flexbox 弹性布局

CSS3 新特性

1. 复杂的选择器
2. 弹性布局
3. 动画

常见问题

1. 介绍一下标准的CSS的盒子模型?与低版本IE的盒子模型有什么不同的?
2. CSS选择符有哪些?哪些属性可以继承?
3. CSS优先级算法如何计算?
4. CSS3新增伪类有那些?
5. 如何居中div?如何居中一个浮动元素?如何让绝对定位的div居中?
6. display有哪些值?说明他们的作用。
7. position的值relative和absolute定位原点是?
8. CSS3有哪些新特性?
9. 请解释一下CSS3的Flexbox(弹性盒布局模型),以及适用场景?
10. 用纯CSS创建一个三角形的原理是什么?

CSS选择器的优先级

1. !important
2. 内联样式（1000）
3. ID选择器（0100）
4. 类选择器/属性选择器/伪类选择器（0010）
5. 元素选择器/伪元素选择器（0001）
6. 关系选择器/通配符选择器（0000）

怎么实现1像素边框

<style>
  .thinner{
   position: relative;
  }
  .thinner:before{
   content: "";
   position: absolute;
   width: 200%;
   height: 200%;
   border: 1px solid #f00;
   transform-origin: 0 0;
   transform: scale(0.5, 0.5);
  }
 </style>