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