css基础

1.display:none 元素在页面上消失，不占据空间 导致浏览器的重排和重绘 无法被选取 2.visibility:hidden 元素在视觉上隐藏，仍占据空间 不会出发重排，因为几何信息没变，但

position一共有5种 static 默认 relative 相对定位 absolute 绝对定位 fixed 固定定位 sticky 粘性定位 区别 1.static 默认的定位方式,没写pos

!imortant > 内联样式 > id > 伪类 > 类 === 属性选择器 > 标签 > 通配符 > 继承 !important不能提升继承的优先级 同一优先级写在后面的会覆盖前面的 一般来说控

实现一种三栏布局，中间⼀栏最先渲染 实现两边宽度固定，中间⾃适应 1.圣杯布局 1.中间自适应设为100%，两边定宽 2.这个时候两边被挤下去了，这时候给中间三个添加浮动让他们到同一行 问题出现：浮动

页面中每个html元素都可以看成是一个由padding(内边距),border(边框),内容区content组成的盒子，这就是盒子模型 1.普通盒子模型 普通盒子模型默认属性box-sizing:co