CSS中的选择器
- 1）标记选择器：根据标记名进行查找
- 2）类class选择器；根据class的值进行查找，特点是：以.开始
- 3）id选择器：根据id的值进行查找，特点是：以#开始
CSS选择器的优先级：id选择器 > class选择器 > 标记选择器
使用!important设置最高优先级，一般是在属性值的后面加上。
CSS中的盒子模型
盒子模型包含元素的内容、内边距、边框、外边距。
内容比喻为人，边框比喻为衣服，内边距比喻为人(皮肤)和衣服的距离，外边距比喻为
穿着衣服的人和另外一个穿着衣服的人的距离。
盒子模型区域分析图：
内边距：内容和边框的距离，也可以理解为人和衣服之间的距离
padding-top:距离顶部的内边距
padding-right:距离右边的内边距
padding-bottom:距离底部的内边距
padding-left:距离左边的内边距
外边距：边框距离外边的距离，可以理解为人和人穿衣服之间的距离
margin-top: 顶部外边距
margin-right: 右外边距
margin-bottom: 底部外边距
margin-left: 左外边距
代码部分：
待续…