CSS

如何实现两栏布局，右侧自适应？三栏布局中间自适应呢？ 两栏布局 使用float flex实现 1. 使用float 两栏布局实现效果就是将页面分割成左右宽度不等的两列，宽度较小的列设置为固定宽度，剩余

![flex布局.png](https://p9-juejin.byteimg.com/tos-cn-i-k3u1fbpfcp/52ed41afebb64d1bb4c0fdce01051c02~tpl

CSS匹配规则顺序是怎么样的？ 从右向左匹配 页面导入样式时，使用link和@import有什么区别？ link属于HTML标签，而@import是css提供的； 页面被加载时，link会同时被加载，

预处理语言 sass less stylus 基本使用 嵌套 变量 代码模块化 模块化就是将Css代码分成一个个模块

新样式 边框 css3新增了三个边框属性，分别是： border-radius：创建圆角边框 box-shadow：为元素添加阴影 border-image：使用图片来绘制边框 box-shadow

回流：布局引擎会根据各种样式计算每个盒子在页面上的大小与位置 重绘：当计算好盒模型的位置、大小及其他属性后，浏览器根据每个盒子特性进行绘制 回流触发时机 添加或删除可见的DOM元素 元素的位置发生变化

实现方式 display:none visibility:hidden opacity:0 设置height、width模型属性为0 position:absolute clip-path displ

一个盒子由四个部分组成：content、padding、border、margin\ CSS中，盒子模型可以分成： W3C 标准盒子模型 IE 怪异盒子模型 默认情况下，盒子模型为W3C 标准盒子模型

前端常用的动画实现方式有以下种： css3的transition 属性 css3的animation 属性 原生JS动画 使用canvas绘制动画 SVG动画 Jquery的animate函数 使用g