余晖_

在日常开发中我们经常会遇到给一个盒子设置水平居中对齐的案例，那么接下来我整理了几种比较常用的方法供大家参考。

一、空间转换 3D 3D坐标系 3D 坐标系比2D 多了一个Z轴。 3D位移 有完整写法： 只不过在很多情况下，我们经常喜欢分开写： 透视 透视的作用： 空间转换时，为元素添加近大远小、近实远虚的视觉

变形 transform（2D） 变形可以改变盒子在平面内的形态（位移、旋转、缩放等等） 位移 translate translate可以让盒子沿着x轴或者y轴来移动。

字体图标的下载步骤 字体图标的使用 引入相关文件 1.在网站根目录下新建fonts文件夹，复制相关文件到fonts文件夹里面。 2.引入css 使用类名引入字体图标（重点）

1.定位的常见应用场景 2.使用子绝父相完成元素水平垂直效果 3.常见的光标类型 4.使用圆角边框属性完成正圆和胶囊按钮效果 5.display和visibility让元素本身隐藏的区别

外边距折叠现象 外边距正常现象 外边距折叠-合并现象 外边距折叠-塌陷现象 结构伪类 伪元素 浮动的特点

盒子模型 盒子模型的介绍 边框（border） 单个属性 连写形式 单方向设置 内边距（padding） 内边距（padding）—单方向设置 盒子实际大小计算公式 不会撑大盒子的特殊情况（块级元素）

使用Chrome调试工具修改和检查样式 认识三种常见的元素显示模式的特点 使用代码实现不同元素显示模式间的转换

选择器 复合选择器 后代选择器 语法: 子代选择器 语法: 并集选择器 语法: 交集选择器 语法: 伪类选择器 语法: emmet语法 通过简写语法,快速生成代码 背景相关属性 背景颜色 背景图片