前端CSS 清单，助你征服面试

前端开发人员在处理日常项目时，可能更多的是处理业务逻辑，从而容易忽略 CSS 的细节。但是，CSS 在面试中的分量却不可忽视，而且通常都是在一面进行考察。因此，如果在基础的一面就挂掉，未免有些可惜。

考虑到这种情况，我们整理了这份清单，希望对前端开发人员在准备面试时有所帮助。

1. CSS 选择器

1.1 基础选择器

• 标签选择器
• 类选择器
• ID 选择器
• 通用选择器

1.2 组合选择器

• 后代选择器
• 子选择器
• 相邻兄弟选择器
• 通配符选择器

1.3 伪类选择器

• 链接伪类选择器
• 悬停伪类选择器
• 访问伪类选择器
• 活动伪类选择器

1.4 伪元素选择器

• first-child
• last-child
• nth-child
• first-of-type
• last-of-type
• nth-of-type

2. CSS 布局

2.1 块级元素和行内元素

• 块级元素
• 行内元素

2.2 浮动

• 浮动元素
• 浮动元素的父元素
• 浮动元素的子元素

2.3 定位

• 绝对定位
• 相对定位
• 固定定位

2.4 弹性盒布局

• 弹性盒容器
• 弹性盒子元素
• 弹性盒属性

3. CSS 文本

3.1 字体

• 字体系列
• 字体样式
• 字体权重
• 字体大小

3.2 文本颜色和背景颜色

• 文本颜色
• 背景颜色

3.3 文本对齐

• 文本对齐方式
• 文本垂直对齐方式

3.4 文本装饰

• 文本装饰线
• 文本装饰颜色

4. CSS 颜色

4.1 颜色基础知识

• 原色
• 二次色
• 三次色

4.2 颜色模型

• RGB 颜色模型
• HSL 颜色模型
• HEX 颜色模型

4.3 颜色属性

• 颜色名称
• 十六进制颜色代码
• RGB 颜色代码
• HSL 颜色代码

5. CSS 边框

5.1 边框类型

• 实线边框
• 虚线边框
• 点线边框

5.2 边框宽度

• 边框顶部宽度
• 边框右侧宽度
• 边框底部宽度
• 边框左侧宽度

5.3 边框颜色

• 边框顶部颜色
• 边框右侧颜色
• 边框底部颜色
• 边框左侧颜色

5.4 边框圆角

• 边框顶部圆角半径
• 边框右侧圆角半径
• 边框底部圆角半径
• 边框左侧圆角半径

6. CSS 动画

6.1 动画基础知识

• 动画类型
• 动画持续时间
• 动画延迟时间
• 动画迭代次数
• 动画方向

6.2 动画属性

• 动画名称
• 动画持续时间
• 动画延迟时间
• 动画迭代次数
• 动画方向

6.3 动画事件

• 动画开始事件
• 动画结束事件

7. CSS 预处理器

7.1 Sass

• Sass 语法
• Sass 变量
• Sass 嵌套规则
• Sass 混合

7.2 Less

• Less 语法
• Less 变量
• Less 嵌套规则
• Less 混合

7.3 Stylus

• Stylus 语法
• Stylus 变量
• Stylus 嵌套规则
• Stylus 混合

以上就是我们整理的前端 CSS 清单，希望对大家有所帮助。当然，这份清单并不完整，还有很多其他重要的 CSS 知识点没有涉及。因此，建议大家在准备面试时，除了要掌握这些知识点之外，还要广泛阅读相关书籍和文章，不断更新自己的知识储备。