今日颇些烦躁，不知缘由，概屋声杂，窗外雨幕，屋内闷雾。今自习，无师，皆观视频，写案例。
今预习：
1.css三大特性：层叠性，优先级，继承性，其中层叠性会进行覆盖，优先级： <!-- 继承或通配符为0,0,0,0 -->，<!-- 标签/元素选择器为0,0,0,1 -->， <!-- 类选择器，伪类选择器为0,0,1,0 -->， <!-- id为0,1,0,0 -->， <!-- 行内为1,0,0,0 -->， <!-- important为无限大 -->。
2.盒子模型：外边距margin 边框border 内边距padding 内容context。
对盒子的高度，宽度，边框的粗细，颜色，样式，边框的四个距离上右下左，边框也影响盒子的宽度和高度， /* 合并相邻的边框 ，看起来会细一些*/， border-collapse: collapse; 对内边距：当指定了盒子的宽度和高度时，再增加内边距会影响大小。
对外边距：用外边距使盒子居中，不随网页缩小而改变
仅仅对块元素生效，必须要有宽度，左右的margin为auto
如使行内块或行内元素进行居中则 text-align：center即可
相邻块元素，外边距的合并，在垂直上两个盒子都设置外边距的话，以大的为准，尽量给其中一个加外边距就可以了， 嵌套块元素的垂直外边距塌陷问题，就是在 一个div里嵌套了一个div，对这两个div都设置了宽和高的情况下，想让子盒子的垂直位置移动到父盒子的中间，此时，对子盒子加外边距margin的效果是父盒子和子盒子都跟随这下来。
解决这种情况，1，可以对父盒子使用上内边距padding，2，可以对父盒子设置上边框，边框可设置为transparent;透明边框， 3.给父元素添加一个 overflow：hidden。
困，睡觉。
