这是我参与「第五届青训营 」伴学笔记创作活动的第 2 天
选择器优先级
下面是VSCode的适配
更多详情查看链接 优先级 - CSS（层叠样式表） | MDN (mozilla.org)
页面解析
浏览器加载HTML页面时，遇到CSS会交给其他线程解析，渲染主线程继续执行，遇到JS代码，主线程会暂停，等待JS代码加载完，然后得到DOM树和CSSOM树，然后经过样式计算得到带有样式的DOM树，然后根据这个树得到布局树。 布局树不一定和DOM树一一对应。
font-weight
如果值是数字，那么取值范围是1-1000，非100的数会自动转换。
margin collapse
对于两个div，上面的设置了bottom的margin，下面的设置了top的margin，两个div之间的间距会取最大的margin值。
可以通过BFC的方式来解决，html是一个BFC，在同一个BFC中，相邻的盒子的margin会发生重叠，让这两个盒子变成BFC的同时要再套一个div，不套的话还是会折叠，因为处在同一个BFC中。
flex布局
justify-content是控制主轴上面的对齐方式 align-items是控制交叉轴上面的对齐方式 flex-direction可以改变主轴的方向
flex-grow伸展默认是0
flex-shrink收缩默认是1
position
sticky（粘性定位元素）一开始正常排布，和relative差不多，然后就固定了，相当于fixed，但是要设置一个固定值，比如top: 0，在top为0时就固定在最近的滚动视口（应该是带有滚动条的）的顶部，视口是最大的滚动视口。
脱离文档流不会向父元素汇报高度。
总结
东西是记不完的，留个印象就行，知道去哪里找。
多用开发者工具。
