20200813 岳浩天

学习知识
盒子模型
页面中可以设置宽高的元素（1.块级元素都可以设置宽高；2.所有行内块可以设置宽高input；3. 多数行内元素都不能设置宽高；4. 元素自带宽高属性，是可以设置尺寸的 img；）
块级元素的宽高（1. 块级元素不写宽度，默认占父元素宽度的100%；2. 块级元素不写高度，默认高度自动适应内容高度，无内容就没有高；3. 块级元素不写宽不写高，宽度占父元素宽度的100%。高度自适应内容）
溢出处理：overflow（hidden溢出部分不可见；scroll不管是否溢出都显示滚动条，只有溢出的时候滚动条才可以用；auto只有溢出的时候，在溢出方向才有滚动条）
横向溢出：为外部元素添加 overflow:auto 属性，设置内部元素的宽度大于外部元素的宽度
合法颜色值：rgb(r%,g%,b%)；transparent 透明，相当于rgba(0,0,0,0)
边框阴影：box-shadow：h-shadow：水平方向阴影的偏移度（必写值）；v-shadow：垂直方向阴影的偏移度（必写值）；blur：阴影的模糊程度（可选值）；spread：阴影的尺寸（可选值）；color：阴影的颜色（可选值）；inset：将外部阴影变为内部阴影
外边距合并：两个垂直外边距，相遇时，他们将合并成一个，值以最大的为准，没有解决方案，只能在页面设计时，进行规避
自带外边距的元素：h1~h6,body,ol,ul,li,pre,button,dd,dt,fielset,form,input,hr,td,th
外边距溢出：在特殊情况下，如果父元素没有上边框，也没有上内边距，子元素的内容的区域上边与父元素内容区域的上边重合，那么如果为子元素设置上外边距，则会作用到父元素
外边距溢出解决方法：
1.给父元素添加overflow:hidden;
2.给父元素添加上边框
3.给父元素添加上内边距
****4.给父元素第一个子元素位置添加空的table标签(常用伪元素事件选择器:before{content:"";display:table;})
box-sizing：设置盒子模型计算公式：在元素实际占地宽度固定的情况下，使用border-box，可以保证元素不会超出固定的占地宽度
心得：
今天学的东西很重要，老师也讲析了很久，几个练习也很有趣，让人影响深刻，希望能多点有趣的练习。