今天是我参与「第六届青训营 」伴学笔记创作活动的第 3 天
前言：
在了解css基本原理后本节课进一步深入讨论，通过集体案例对于选择器的特异度展开讲解，在此基础上进一步引出css继承与布局的话题，对其定义及线管技术分别做出介绍。
主要围绕盒模型中行“行级”与“块级”这两种常见的布局结构展开，讲解其基本定义、各自特征、工作属性和排版规则，提供业内操作思路，帮助同学强化css实战技能。
本节课重点内容：
- CSS选择器的特异度
- CSS继承
- CSS求值过程解析
- CSS布局方式及相关技术
- CSS盒模型——行级
- CSS盒模型——块级
什么是特异度？
如果有两条以上指向同一元素的冲突CSS规则，则浏览器将遵循一些原则来确定哪一条是最具体的，并因此胜出。
特异度就是选择器特殊的程度，越特殊的选择器优先级越高
我们可以用这一特性进行属性覆盖从而实现代码的重复使用。
什么是继承？
- 某些属性会自动继承其父元素的计算值，除非显式指定一个值
- 一般文字、字体相关属性都可以继承，盒模型宽度、高度、边距等都不可以继承。
显示继承： 如果一个属性不可继承，我们可以使用inherit这个关键字让它能从父级继承。
初始值
-
CSS中，每个元素都有一个初始值
background-color的初始值为transparent
margin-left的初始值为0
-
可以使用initial关键字显式重置为初始值
background-color：initial
CSS的求值过程
今日总结：
深入了解了CSS的选择器（id、类、标签），CSS的继承以及CSS的布局（确定内容的大小、位置等，依据元素、节点和内容等进行计算），对CSS有了不一样的了解。通过学习css，我意识到页面的样式对于用户体验和页面优化至关重要。惊喜的样式可以让用户更好地理解页面地内容，也可以让页面更加美观。总之，css是一个非常重要地前端技能，掌握好css可以让你在web开发中游刃有余。我会继续努力学习，深入了解css地特性和应用场景。
