1.em 与 rem 的区别
- em 是相对长度单位，相对于当前对象内文本的字体尺寸。如当前对行内文本的字体尺寸未被设置，则相对浏览器的默认字体尺寸。不是一个固定的值，会继承父元素的字体大小。
- rem 是 CSS3 新增的一个相对单位，使用rem设定字体大小时，只相对于html根元素进行设置。
2.CSS3有哪些新特性
- border-radius —— 圆角
- box-shadow —— 阴影
- text-shadow —— 文字阴影
- gradient —— 线性渐变
- transform —— 旋转、缩放、移动或倾斜
- scale —— 缩放
- translate —— 位移
- 媒体查询
- 多栏布局
- 多背景
3.CSS3 新增的伪类有哪些
- :first-of-type —— 选择属于其父元素的首个元素
- :last-of-type —— 选择属于其父元素的最后元素
- :only-of-type —— 选择属于其父元素唯一的元素
- :only-child —— 选择属于其父元素的唯一子元素
- :nth-child(n) —— 选择属于其父元素的第n个子元素
4.什么是弹性布局
解决某元素中子元素的布局方式，为布局提供最大的灵活性。
设为flex布局以后，子元素的float、clear和vertical-align属性将失效。
display:flex 属性
align-self 定义子元素的位置