盒子模型尺寸：
盒子宽的尺寸=border+padding+margin+width
块级元素和内联元素区别：
块级元素宽自动占满整行，内联元素不会
内联元素可以嵌在块级元素中，反之不可以
div和span的区别：
div：内部可以嵌套任何元素，一般用于网站布局，或局部排版
span：可以嵌套内联元素，在局部内容需要单独设置样式的时候使用
display属性：可以将内联元素转换为块级元素 值为“block”
可以使元素不可见 值为“none”
浮动特性:
float:left|right|none;
1. 设了浮动后，标记不再占有原来的文本流，该元素之后的内容会上移，
块级元素的宽跟内容有一样宽
2.之后的元素也设置了同样的浮动，该元素会在上一个元素后并列显示，
前提是所留空间能容下该元素，否则，不会并列显示
清除浮动：
clear:left| right| both;
可以用清除浮动扩展容器高度