用户6697361653218

![image.png](https://p1-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/e2bf06fa776b437fb8b6bccf707a6e54~tplv

一、媒体查询 1、媒体查询的体验 2、媒体查询的引入方式 二、响应式布局 1、响应式布局的屏幕分类 2、通过媒体查询完成响应式容器的效果 3、通过媒体查询完成响应式容器的效果-优化 三、bootstr

一、体验vw和vh 二、写m-bilibili案例。。。。。。。。。。。。。。。。。。。。。。。。。

一、rem 1、体验媒体查询 2、rem适配 3、利用rem+flexible.js画盒子 4、pc端媒体查询 二、less 1.less有重大语法错误不会转css文件 2、less注释： // 单行

一、主轴方向 二、弹性盒子换行。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。。

一、flex 组成 二、主轴对齐方式 三、侧轴对齐方式 四、伸缩比 五、水平垂直居中。。。。。。。。

一、空间转换---空间位移，透视效果，空间旋转，立体呈现，3D导航，立方体 1、空间位移 2、透视效果 3、空间旋转Z轴 空间旋转-X轴 空间旋转-Y轴 4、立体呈现 5、3D导航 6、立方体 二、动

一、字体图标的使用 1、unicode方式 2、Font-class使用方式 3、搭配伪元素使用 二、平面转换----位移，绝对定位元素居中，旋转，转换原点，多重转换效果，缩放 1、位移 2、绝对定位