css

overview

• todo;

core-content

layout

• 文档流:
  https://juejin.cn/post/6844904013360545800
  https://developer.mozilla.org/zh-CN/docs/Web/CSS/clear

• bfc: https://developer.mozilla.org/zh-CN/docs/Web/Guide/CSS/Block_formatting_context

• 各种布局的常用写法

• flex布局: https://developer.mozilla.org/zh-CN/docs/Web/CSS/flex

css variable

• css variable的使用场景

less/sass

• less/sass的使用场景

css选择器

• css选择器的介绍
• 伪类和伪元素: https://developer.mozilla.org/zh-CN/docs/Learn/CSS/Building_blocks/Selectors/Pseudo-classes_and_pseudo-elements, 可以简单理解为，伪类是用来选择元素的某个状态(弥补元素选择器的不足)，伪元素是用来选择元素的某个部分；

css的各种不太常见的属性

• css的各种不太常见的属性

动画

css动画

• transition: https://juejin.cn/post/6970885478967050254;
• animation;
• html5: svg
• js动画相关：requestAnimationFrame, webgl,canvas