css知识点简记

1.改变position: fixed; 定位基准元素的方式，父级以上元素的：

　　① tranform属性值不为none的元素

　　② perspective值不为none的元素

　　③ will-change中指定了任意CSS属性

2.will-change

　　当我们通过某些行为（点击、移动或滚动）触发页面进行大面积绘制的时候，浏览器往往是没有准备的，只能被动使用CPU去计算与重绘，由于没有事先准备，应付渲染够呛，于是掉帧，于是卡顿。而will-change则是真正的行为触发之前告诉浏览器：“浏览器同学，我待会儿就要变形了，你心理和生理上都准备准备”。于是乎，浏览器同学把GPU给拉上了，从容应对即将到来的变形。

　　用法：（具体用法参考W3C）

.will-change {
    transition: transform 0.3s; 
} 
.will-change:hover {
    will-change: transform; 
} 
.will-change:active {
    transform: scale(1.5);
}

3.伪类focus-within

　　子元素获取到焦点时触发。