这是我参与「第五届青训营 」伴学笔记创作活动的第 3 天
深入CSS（上）
选择器的特异度（Specificity）
继承
某些属性会自动继承其父元素的计算值，除非显式指定的一个值
显示继承
通过（inherit）关键字让不可继承的属性变成可继承的
初始值
1.CSS中，每个属性都有一个初始值
·background-color的初始值为transparent
·margin-left的初始值为0
2.可以使用initial关键字显示重置为初始值 ·background-color：initial
CSS求值过程
布局（Layout）是什么？
·确定内容的大小和位置的算法
·根据元素、容器、兄弟节点和内容等信息来计算
width
·指定content box 宽度
·取值为长度、百分数、auto
·auto由浏览器根据其他属性确定
·百分数相对于容器的content box宽度
height
·指定content box 高度
·取值为长度、百分数、auto
·auto取值由内容计算得来
·百分数相对于容器的content box高度
·容器有指定的高度时，百分数才生效
padding
·指定元素四个方向的内边距
·百分数相对于容器宽度
一个数的话是四边都是这个数；两个数的话上下是第一个数，左右时第二个数；四个数时按顺时针，第一个数是上，第二个数是右，第三个数是下，第四个数是左。
border
指定容器边框样式、粗细和颜色
三种属性
·border-width
·border-style
·border-color
四个方向
·border-top
·border-right
·border-bottom
·border-left
当边框颜色不一样时如下图所示
margin
·指定元素四个方向的外边距
·取值可以是长度、百分数、auto
·百分数相对于容器的宽度
