css 个人笔记

布局

grid布局

等分布局：
父元素

display: grid;
grid-template-columns: repeat(2, 1fr); // 2份均等分
// 上面等同于
grid-template-columns: 1fr, 1fr; // 2份均等分

子元素效果

display: grid;
grid-template-columns: 1fr; // 1均等分

flex 布局

css选择器的权重

！important	[1,0,0,0]
行内元素	[0,1,0,0]
id选择器	[0,0,1,0]
类名选择器class	[0,0,0,1]