76 lines
1.5 KiB
JavaScript
76 lines
1.5 KiB
JavaScript
|
||
## 前言
|
||
|
||
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 属性并不难，难的是需要把这些思路和思想，想到它的应用场景。
|
||
|