CSS 学习总结

本篇，主要介绍实现水平垂直居中效果的三种思路共 5 种实现的原理、示例及优缺点分析：1）利用 table-cell 实现；2）利用 position 定位实现；3）利用 flex 弹性布局实现；

主要介绍了 5 种垂直居中效果的实现方案、原理及优缺点：文本、行内元素、行内块级元素的垂直居中；图片的垂直居中；单个块级元素的垂直居中：`table-cell`、绝对定位、`flex`;

介绍 5 种水平居中效果的实现方案：原理、优缺点分析：文本、行内元素、行内块级元素；单个块级元素；多个块级元素；任意数量元素；绝对定位+反向移动；

本篇，主要对 CSS 布局进行了概括性介绍，主要涉及以下几个点：CSS 布局简介、布局的发展历史；CSS 布局技巧、常见布局效果，面试题；

本篇，主要介绍了 CSS 变量相关知识：CSS 变量简介；CSS 变量的使用；CSS 变量的作用域；CSS 变量的继承特性；CSS 变量的兼容性；

本篇，介绍了 CSS 选择器伪类和伪元素，主要涉及以下几个点：伪类选择器；伪元素选择器；伪类和伪元素选择器的区别；

本篇，主要介绍了 CSS 选择器部分，主要涉及一下几点：CSS 的三大特征；CSS 的优先级等级；CSS 优先级的计算规则；CSS 选择器的权重；相关面试题；

本篇，主要介绍可 HTML 的文档声明、meta 元信息、HTML Entity 字符实体等 HTML 扩展内容；

本篇，主要介绍与 CSS 相关的 HTML 语义化知识； 选用更加符合语义的 HTML 标签，能够使网站在各方面效果得到提升；

本篇，针对 CSS 部分的相关知识点，进行了一次简单的梳理，并列出一个学习目录；后续将会持续优化，并完善相关内容，用于学习总结与相关知识点的汇总记录；