移动web的学习

less+响应式布局 less 专业术语：css预处理器 常见的三种css预处理器：scss、less、stylus。 浏览器不能直接识别它 依靠编译工具将它编译成css文件 less使用过程 les

vw/vh+rem+运算插件+高亮快捷键 vw/vh单位 vw：相对长度单位 相对于视口宽度 100vw是视口宽度 vh：相对长度单位 相对于视口高度 100vh是视口高度。 vw,vh移动端屏幕适配

小兔鲜儿pc端总结 布局的思路： 1.不要被技术限制了： ​ 浮动 定位 块级 行内 flex布局 哪些简单方便的实现功能，就是用哪些！！！ 2.先划分大盒子 写注释 加内容 加样式 3.调试代码的时

flex布局内容 flex布局 父项： display:flex 设置普通的盒子变为flex盒子 justify-content设置主轴对齐方式 （默认值： flex-start，x轴） 向左对齐：

属性兼容+动画+弹性布局部分知识 如何知道属性的兼容问题 https://caniuse.com/ 点击此链接可以查询，里面 红色 代表不兼容 3D缩放 2d缩放 只能缩放 平面图形的 高度和宽度。

案例+transform属性 火影忍者案例 代码： 补充的知识点： （1）a标签如果没有设置宽高，就会是一个容器，会受图片的影响扩大。 （2）当鼠标放在a标签这个盒子上，会出现一个从上而下渐变的遮罩层

移动web第一天知识总结 字体图标 优点： 灵活：可以修改样式，颜色（color），字体大小（font-size）。 轻量：体积小，渲染快，降低服务器请求次数。 兼容：几乎兼容所有主流浏览器 使用方便