行内元素 行内块元素 块元素的特点和相互转换

行内元素   {a, span strong,b,em,i del ,s ,ins,u.....}

    特点:{  1.一行显示多个   

               2.默认宽高为0 ,内容撑开宽高,代码换行身分成缝隙

               3.行内元素不能设置宽高 }

行内块元素{   img,input,textarea,button,select....}

      特点{  1.一行显示多个

                2.可以设置宽高,代码换行生成缝隙  }

块元素{  div,p,h1-h6,ul,li,dl,dt,dd,form,header,nav,article,footer...}

       特点 {   1.独占一行

                     2.块元素不设置宽高的时候,默认父元素的高度,不设置高度的时候,默认高度为零,内容                          撑开高度

                      3.可以设置宽高   }

 行内元素     行内块元素转换 块元素  {      display:block;}

行内元素      块元素转换 行内块元素   {      display:inline-block}

块元素         行内块元素转换 行内元素   {    display:inline }