1、css 编码规范 参考地址： https://codeguide.co/ https://yuque.antfin-inc.com/dbl/ca8qzq/css

基本格式规范（使用格式化插件） 多个选择器分行 嵌套使用 less/sass 写 属性规约： 定位（position、left、right、top、bottom、z-index） 盒子模型（display、float、width、height、margin、padding、border、border-radius） 排印（font、color、background、line-height、text-align） 0 数值后省略单位 媒体查询建议根据需要采用下面两种组织形式： 将媒体查询放在尽可能相关规则的附近，不要放在文档底部，否则容易被后来维护的人遗忘 媒体查询针对每一个种屏幕（大、中、小）的分别单独组织为一个文件 必要的代码注释、文件说明注释 命名规约： 小写字母加连字符（不是下划线，也不是驼峰命名法）sel-name 需要在 javascript 中使用的类名以 J_ 开头，接“大驼峰”命名。例如 J_ExampleClass， 并且这类的 class 不能出现在 CSS 文件中

2、选择器【伪类选择器可以通过添加一个类名达到同样效果，伪元素选择器则是通过添加一个元素达到同样的效果】

布局问题：水平垂直居中。。。 https://juejin.im/post/5aa252ac518825558001d5de https://github.com/Sweet-KK/css-layout

flex、grid

格式化上下文 (Block Formatting Context, BFC) https://juejin.im/post/59b73d5bf265da064618731d

移动端注意点 https://github.com/hoosin/mobile-web-favorites

css3 的新特性 https://juejin.im/post/5a0c184c51882531926e4294

css3 的动画 https://github.com/AlloyTeam/Mars/blob/master/performance/high-performance-css3-animation.md

汇总知识点：https://juejin.im/post/5a954add6fb9a06348538c0d

布局定位方式：grid、flex、position、float 盒模型 页面的回流和重绘 响应式布局

面试知识点 https://juejin.im/post/5aae076d6fb9a028cc6100a9

基本知识+有展示的项目+亮点（canvas、svg、动画）