CSS

css选择器：        id选择器（#box），选择id为box的元素        类选择器（.one），选择类名为one的所有元素       标签选择器（div），选择标签为div的所有元

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

小于12px的字体，如果内容固定，可以将内容切除做图片，没有兼容问题。 transform:scale(0.8);c3的新属性，但是使用这个之后，如果该标签有背景图，那背景图也会被缩放，解决办法：给该

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

实际上是以下3个属性的组成 flex-grow: 1用户增大盒子 flex-shrink: 1用来缩小盒子 flex-basis: 0%覆盖width

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

方法一：定位 + margin负值 方法二：定位 + transform负值 方法三：定位 + margin: auto 方法四：flex布局 方法五：table布局

什么是BFC： 就是当在设计页面的时候，使用浮动后盒子计算不到高度，会导致高度塌陷，还有两个块级盒子都设置了margin，会使盒子重叠，原因就是元素之间的影响，所以就有了BFC，就是块级格式化上下文，

display:none 页面元素彻底消失，不占据空间 visibility:hidden 隐藏该元素，占据空间 opacity:0 表示元素透明度 占据页面空间 设置height、width模型属性

概念：网页中常用的CSS技术的一种思维模型 盒子模型有两种：W3C标准盒模型和IE怪异盒模型 组成：padding（内边距）、margin（外边距、border（边框）、宽高 开启方式： Box-si

要在head标签中写入一个meta标签： Rem布局： 原理：所以尺寸的相关单位用rem，是相对单位，相当于html的font-size，就可以通过js根据当前屏幕宽度来设置html的合适的大小，这样