Css

移动端适配 rem布局: rem原理： 涉及到两个插件 viewport布局 或 vw布局： vw原理 插件

父盒子开启display:flex, 并设置 子绝父相,子盒子设置top和left值为50%,利用transform基于自身回去-50% 父盒子开启flex,子盒子设置margin:auto 子绝父相

组成部分：宽高 + 内边距 + 边框 + 外边距 盒子模型有两种：标准盒子模型和怪异盒子模型 开启方式 box-sizing:border-box可以开启怪异盒子 怪异盒子的特点：内减 不会让盒子撑大

- flex弹性布局 - 圆角 border-radius:50% - transform 居中 - transition 过渡 - animation 帧动画 - background-size:c

vw和vh: 相对于视口的大小,100vh等于视口的高度,100vw等于视口的宽度 px: 是绝对单位，量出来多少就是多少 em: 是相对单位 相对于父元素的font-size 一般是用来做首行缩进

flex:1原理实际上是几个三个属性 flex-grow: 1用户增大盒子 flex-shrink: 1用来缩小盒子 flex-basis: 0%覆盖width

什么是bfc: bfc就是块级格式化上下文(block format context)，只要是给盒子设置了bfc属性，它就是一个独立渲染的区域，从而不会影响外界

相同点 都是css预处理语言 支持嵌套语法 都有父选择器 都有混入mixin 有变量 不同点 变量在less中是@开头,在sass中是$开头 sass可以写循环和条件判断，less不可以

让Chrome支持小于12px 的文字方式有哪些? transform: scale(0.5) 图片 zoom: 0.5

浏览器渲染原理 html代码会被解析成dom树，同时css代码会解析成css规则树 dom树和css规则树会组合成渲染树 我们浏览器就会根据渲染树来进行绘制 重绘 代码发生了变化只造成渲染树的改变，就