2019前端面试题——css篇

rem em px的区别
rem css3新增的相对单位，相对于根节点html的字体大小来计算的
em：会继承父级元素的字体大小
px：像素的相对于显示器屏幕分辨率而言的

什么是盒子模型？
在网页中，一个元素占有空间的大小由几个部分构成，其中包括元素的内容（content），元素的内边距（padding），元素的边框（border），元素的外边距（margin）四个部分。这四个部分占有的空间中，有的部分可以显示相应的内容，而有的部分只用来分隔相邻的区域或区域。4个部分一起构成了css中元素的盒模型。

css3的新特性
border-radius 圆角
box-shadow 边框阴
transform
translate
rotate
scale
flex
多媒体查询@media
动画animation
背景
background-image背景图片
background-size：cover保持横纵比与背景盒子最小大小，contain 保持横纵比缩放成适合盒子最大大小

transform、translate、transition 分别是什么属性？CSS 中常用的实现动画方式
三者属性说明
transform 是指变换、变形，是 css3 的一个属性，和 width，height 属性一样；
translate 是 transform 的属性值，是指元素进行 2D(3D)维度上位移或范围变换;
transition 是指过渡效果，往往理解成简单的动画，需要有触发条件。

什么是CSS Hack?
一般来说是针对不同的浏览器写不同的CSS,就是 CSS Hack。
IE浏览器Hack一般又分为三种，条件Hack、属性级Hack、选择符Hack