块状元素

1.块状元素：

特点：

   1.网页中以块的形式显示
    2.独占一行，也就是说相邻的块状元素不会出现并列的现象，默认情况都是自上而下的排列。
   3.块状元素可以定义自己的宽高。
   4.一般作为其他容器的父容器，可以容纳内联元素和其他内联元素。
    例如：
     div || dl-dt-dd ||  form || h1-h6 ||   hr || ol || p || ul || li || fieldset || colgroup-col || table-tr-td

2.内联元素：

    1.行内逐个显示
    2.没有自己的形状，不能定义它的宽和高
    3.内联元素也会遵循盒模型，但个别属性不能正确显示
      ( padding-top:; margin-top || margin-bottom:;）
    例如：
      a || b || br || i || em || img || input || label || span || 
      strong || sub || sup || textarea || u || select;

3.可变元素：

    1.需要根据上下文关系确定是块元素或者内联元素。

元素类型的转换：display属性

   display:none;           //此元素不会被显示
           block;          //转化为块状元素
           inline;         //内联元素
           inline-block;   //行内块