2018.11.28

1.背景图的属性中，定位和背景图片大小有顺序区分：center/contain；
2.当背景图的实际大小小于框的大小，要居中可以使用background-positon属性；
3.背景中cover覆盖满屏可能会溢出，contain值为原图；
4.可以用标签使用小图标,需要用到display改变其属性，不然会不显示；
5.清除浮动 空 块标签+clear：both 会增加无用的dom节点，用伪类after清除浮动更好；
6.了解了边框颜色的一个值：transparent透明；
7.z-index值为负值时，鼠标hover事件触碰不到，无法生效；
8.父子级同时设置定位z-index值，子级继承父级z-index值；
9.行内块元素默认基线对齐；行内块元素顶部对齐的方法：①浮动；②vertical-align：top；③弹性布局align-items：flex-start；
10.东亚文字（如中文）最小宽度为每个汉字的宽度；西方文字包括数字最小宽度由特定的连续的英文字符单元决定。并不是所有的英文字符都会组成连续单元，一般会终止于空格（普通空格）、短横线、问号以及其他非英文字符等。
11.如果想让英文字符和中文一样，每一个字符都用最小宽度单元，使用两种方式：① word-break:break-all；②word-wrap：break-word；
12.button标签按钮字数够多会自动换行 ；input按钮，默认white-space:pre不会换行，将pre值重置为默认的normal就会换行；
13.按钮文字越多宽度越宽，文字够多，则会在容器的宽度处自动换行；
13.文字少的时候居中显示，文字超过一行的时候居左显示的方法：对盒子给属性text-align：center，给文字属性 text-align：left； display：inline-block。无论是块元素还是行内元素，都需要转换成行内块元素 ，不然在文字少的时候不能居中而会是居左。