grid 的对齐方式 默认：项目在网格单元中是拉伸的 只有项目在网格中存在有剩余空间的时候，对齐才有必要 设置容器中的“所有项目”在网格中的对齐方式 place-items: 第一个参数是垂直方向 第二个参数是水平方向 normal 和 auto 和...

grid 网格容器/网格项目/网格轨道/网格间距 网格容器 : 由若干个矩形网格单元组成 flex 中子元素默认为inline元素，grid中子元素默认为bliock元素display:grid; 网格项目： 网格容器的子元素，必须放在...

flex的声明 声明弹性盒子 display:flex ;:not(‘选择器’) 从匹配的元素中去掉某一个元素 calc(‘数值’ - ‘数值’); flex 基本术语 容器： 具有‘display:flex’ 属性元素 项目： flex 容器的‘...

定位 的本质 定位属性 position 定位类型分为 静态定位（static） 相对定位(relative);绝对定位(absolute);固定定位(fixed)； 静态定位：position: static 默认的，也就是文档流定位，元素的显示...

盒子的大小 应用 属性 值 宽 width em 高 height em 背景色 background-color red 影响盒子的因素 1.padding(内边距) border(边框) padding 可视化 b...

em和vem 的应用场景 em 是font-size 的倍数1em 在没有设置字体的时候 浏览器默认是 16px;当文本里面使用 font-size 时 1em 就等于 font-size 的值 em 设置响应式的文本字号font-size 是允许...

伪类选择器 a链接状态匹配 顺序无法打乱，会无法显示 默认没有访问/点击a：link 以访问过的状态a:visited鼠标悬停状态a:hover激活.当鼠标点击压下去的时候a:active

css 样式引用 css 样式引用有四种 内部样式引用，在当前页面生效 style 内部样式的引用 div{ color: red...