Flex布局是CSS3提供的一维布局模型，通过设置容器(display:flex)和项目属性实现灵活布局。容器默认主轴水平(row)，项目自动水平排列。核心属性包括：flex-direction控制主轴方向，flex-wrap控制换行，justify-content控制主轴对齐，align-items控制单行交叉轴对齐，align-content控制多行交叉轴对齐。项目默认属性为：flex-gro

CSS盒子模型是网页布局的核心概念，将HTML元素视为由内容(content)、内边距(padding)、边框(border)和外边距(margin)组成的矩形盒子。通过CSS属性可控制盒子的各个部分：width/height设置内容区大小，padding控制内容与边框间距，border定义边框样式，margin调整盒子间距。此外，CSS3新增了圆角边框(border-radius)、透明度(op