浅谈标准流

1.标准流又称普通流，是浏览器默认的排版方式。
2.标准流中元素会自动从左往右，从上往下的流式排列。
3.分为三个板块，一个是块级元素，一个是行内元素，另一个是行内块元素
4.块级元素独占一行，行内元素水平排列，行内块元素具有两者的一些特征直到占满一行然后换行。
一.块级元素
        如  h1-6,p,div,ol,ul,li.....
        特点为：独占一行。
        宽度高度外边一级内边距都可以控制。
        默认宽度是容器的100%。
        是一个容器盒子，可以放行内元素或者块元素。
注意的是
        文字类的元素不能放处文字以外的东西，如，p里面不能放图片和div。
二.行内元素
        a,strong,b,em,i,del,ins,span...
特点
        一行可以显示多个。
        宽高直接设置无效。
        默认宽度是自身内同的宽度。
        行内元素只能放文本或其他行内元素，对于a来说a 里面可以放块级元素，但最好转换一下
三.行内块元素
img /，input /,td...（表单，图片单元格）同时用上面两种的部分特点。

特点
      1. 一行可以显示多个，但是之间有空白间隙。
      2. 默认宽度就是自身的宽度（写多少字就是多少宽）。
      3.高度，行高，外边距，内边距都可以控制。
四，显示模式的转化
        用display:xxx表示转为成那个类型。

       转化为块元素：  display:block,
        行内元素：inline，
        行内块：inline-block。
利用标准流的各个特点。可以方便的布局页面的大体结构，之后加上浮动和定位，更能事半功倍。