1、行内块元素：图片img src=“”、表单控件<input type="">，可以设置宽高且在一行显示（两个行内块元素间有空隙），代码换行被解析成空格
2、浮动元素全是块级元素，给行内元素添加float属性，相当于给行内元素添加了display：block属性，可以设置宽高了，但是在一行显示（两个元素间没有空隙）
3、块元素不设置宽度时，宽度撑满一行，从浏览器最左边到最右边；高度由内部元素决定
4、父元素没有设置高度，子元素进行了浮动，则父元素会造成高度塌陷，需要在父元素上写overflow：hidden；来解决
5、使用position属性，会脱离文档流
6、精灵图的重点，使用background-position：横轴距离，侧轴距离；
7、在div中插入图片时，图片会将div下方撑大3px，将<img>转为块级元素display：block解决