这是我参与「第四届青训营 」笔记创作活动的第8天 今天来进行CSS盒子模型的学习
一、优先级基本测试
继承<通配符<标签选择器<类选择器<id选择器<行内样式<!important
依次进行测试
运行的结果：
第二步测试：
第三步测试：
第四步测试：
第五步：
领悟：使用范围定位越精确，使用的优先级越高。
注意：!important不要给继承的添加，自己有样式无法继承父级样式。
二、优先级叠加计算
1、格式：（行内选择器，标签选择器，id选择器，类选择器） div、p是标签 （注意：判断完都是属于继承，看父级，哪个父级高就哪个选择器生效。）
2、优先级的注意点： 权值是有4位数字组成，但是不会有进位。
可以理解为类选择器永远大于元素选择器，id选择器永远大于类选择器，以此类推。
等级判断从左向右，如果某一位数值相同，则判断下一位数值。 通配符和继承权重为0，标签选择器为1，类(伪类)选择器为10，id选择器为100，行内样式表为1000，!important无穷大。 继承的权重是0,如果该元素没有直接选中,不管父元素权重有多高,子元素得到的权重都是0。
三、盒子模型
组成：内容区域（content）、内边距区域（padding）、边框区域（border）、外边距区域（margin）
四、今天小结
我明白盒子模型的重要性，他是CSS的核心所在。它对于网页的设计影响跟意义重大。盒子就是用来装东西的，它装的东西就是HTML元素的内容。所以它是CSS网页布局的重要之处。
