css盒子模型1

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

清除浮动：
  clear:left| right| both;

可以用清除浮动扩展容器高度