前言
css 进阶的主要内容如下。
#1、css 非布局样式
-
html 元素的分类和特性
-
css 选择器
-
css 常见属性（非布局样式）
#2、css 布局相关
-
css 布局属性和组合解析
-
常见布局方案
-
三栏布局案例
#3、动画和效果
属于 css 中最出彩的内容。
-
多背景多投影特效
-
3D特效编写实践
-
过渡动画和关键帧动画实践
-
动画细节和原理深入解析
#4、框架集成和 css 工程化
-
预处理器作用和原理
-
less/sass 代码实践
-
Bootstrap 原理和用法
-
css 工程化的的实践方式
-
js 框架中的 css 集成实践
#常见问题
不会 css 的前端称之为伪前端。
#Vue 中模拟Scoped CSS的方式
方案一：随机选择器。css modules。
方案二：随机属性。<div abcd>、div[adcd]{}
#其他问题
-
html 元素的嵌套关系是怎么确定的？哪些嵌套不可以发生？
-
比如说，为什么 div 可以放在 a 标签里面？
-
css 选择器的权重是如何计算的？写代码时要注意什么？
-
浮动布局是怎么回事？有什么优缺点？国内用的多吗？
-
css 可否做逐帧动画吗？性能如何？
-
Bootstrap 怎么做响应式布局？
-
如何解决 css 模块化过程中的选择器互相干扰的问题？
#总结
单独看 css 属性并不难，难的是需要把这些思路和思想，想到它的应用场景。