CSS | 知识点归纳
知识点
box-sizing用来规定容器元素的尺寸计算方式,属性值对应如下:
content-box:W3C标准盒模型 (默认), width = 内容的宽度
border-box: IE模型, width = 内容的宽度 + border + padding
inherit: 继承父元素
网页视口单位 vh: 网页视口高度的1/100; vw: 网页视口宽度的1/100
网页视口高度 window.innerHeight
屏幕高度 window.screen.height
body高度 document.body.clientHeight
-
设置绝对定位的元素A会相对于离自己最近的设置相对或绝对定位的父元素进行定位,(或者说离自己最近的不是static的父元素进行定位,因为元素默认是static)
问题
1、CSS动画处理考虑的性能问题
-
兼容性问题
-
过多DOM操作导致的动画卡顿
-
移动端要想动画性能流畅,应该使用3d硬件加速