BraveWangDev

CSS 布局简介、布局的发展历史；CSS 布局技巧、常见布局效果，面试题；本篇，开始介绍 CSS 布局-居中布局-水平居中布局；水平居中布局：指子元素在父元素中，水平方向是居中显示的；text-align属性配合使用；tablemargin属性配合使用；absolutemargin属性配合使用；absolutetransform属性配合使用；flex属性配合使用；

CSS 变量简介；CSS 变量的使用；CSS 变量的作用域；CSS 变量的继承特性；CSS 变量的兼容性；从本篇开始，进入对 CSS 布局的介绍；本篇，先对 CSS 布局进行一下简单概括；备注：CSS 布局可以说是 CSS 领域的重中之重，就好比“称霸了篮板。。。布局，是指 HTML 页面的整体结构或者骨架，相当于报纸和杂志中的排版概念；布局，实际上并不属于技术范畴一类，而更偏向于一种设计思想；

伪类选择器；伪元素选择器；伪类和伪元素选择器的区别；本篇，介绍 CSS 变量 var；CSS 变量，由 CSS 作者定义，也被称作“CSS 自定义属性”或“CSS 级联变量”；通过声明 CSS 变量，抽取重复的 CSS 属性值，能够统一的进行维护和管理；和其他变量相似，CSS 变量也可以具有全局作用域和局部作用域；使用 CSS 变量，能够增强代码的可读性，也使变量值具备语义化标识；

CSS 的三大特征；CSS 选择器的优先级；CSS 优先级的计算规则；CSS 选择器的权重；CSS 选择器面试题；本篇，介绍 CSS 选择器：伪类和伪元素；伪类用于定义元素的特殊状态；同一元素，根据不同状态，显示不同样式，样式随状态（用户行为）变化而变化；与普通 CSS 类相比较，伪类选择器只有处于 dom 树无法描述的状态下，才能为元素添加样式；所以被称作伪类；CSS 伪元素用于设置元素指定部分的样式；；

上一篇，主要介绍了 HTML 扩展内容；HTML 的文档声明；meta 元信息；HTML Entity 字符实体；从本篇开始，进入 CSS 选择器部分的介绍；当项目结构比较复杂时，容易出现一个元素同时被添加多个样式的情况这时可能会出现问题：明明写好的样式却被覆盖掉了。。。那么，CSS 样式覆盖的问题，是否会遵循某种规律呢？这里就涉及到选择器的权重和优先级的概念；本篇，将介绍 CSS 选择器的权重和优先级;

上一篇，简单介绍了 html 标签和使用语义化的好处；本篇，继续介绍 HTML 的文档声明、meta 元信息、HTML Entity 字符实体等 HTML 扩展内容；文档声明能够帮助浏览器正确地显示网页;文档声明不区分大小写，一定不能省略，否则将会发生怪异事件；由于浏览器从上到下进行解析，所以文档声明必须放在文档的第一行；通过文档声明指定文档类型 HTML 版本，浏览器识别到将按照对应类型对文档进行解析；文档声明的高版本会兼容低版本，在工作中默认指定高版本即可（即 html5 文档声明）

本篇，主要介绍与 CSS 相关的 HTML 语义化知识；选用更加符合语义的 HTML 标签，能够使网站在各方面效果得到提升；HTML：HyperText Markup Language 超文本标记语言；HTML 是一种用于创建网页的标准标记语言（标记语言：用来对"树"进行标记）对文本内容的结构化（内容语义化）；使用更符合语义的标签（代码语义化）；便于开发者之间的协作：阅读、维护，写出更优雅的代码；同时，让浏览器爬虫、其他辅助技术能够更好的进行解析；一句话总结：用正确的标签做正确的事；

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