css

🧩 一、Flex 布局（最推荐 ✅） ✅ 优点： 写法简洁； 响应式友好； 现代浏览器全面支持。 🧩 二、Grid 布局 ✅ 优点： 写法更简洁； 也适合复杂布局； 与 flex 类似但语义更强。 🧩

flex item 当容器变成flex布局时，内部元素就变成了flex item。flex item的布局脱离文档流的控制（文档流就是 块级元素独占一行，行内元素从左到右排列） order flex

内连样式 css文件单独写，不做任何处理(模块化处理) （那么这些css文件就是全局的css文件）（编译时） 全局的css文件，在项目里容器 类名冲突，导致样式覆盖。 css 全称：层叠样式表，全局c

BFC BFC (块级格式化上下文) 是 Web 页面中一个独立的块级渲染区域，它规定了内部的块级盒子如何布局，并且这个区域与外部完全隔离。 如何触发（创建）BFC？(How to Trigger a

重排 重排 (Reflow)  是指当 DOM 的修改影响了元素的几何属性（位置、尺寸）时，浏览器需要重新排布元素在页面上的几何布局，这个过程称为重排。 重绘 重绘 (Repaint)  是指当 DO

文档流 块级元素独占一行，从上到下依次排列。 行内元素 在 块级元素里从左到右依次排列。知道行尾才换行。 postition （改变元素在文档流中的默认行为） position有五个值 postion

伪类 伪类 指的是 元素的某种状态 伪元素 伪元素用于创建或选中元素的一部分， 比如元素的首行、首字，或通过 CSS 虚拟生成的内容（::before、::after）。 💡 常见伪元素： 伪元素 含