**- 块元素：

-   ul ， ol ， li ， dl ，dt ， dd ， h1～h6 ，p ， div ，form , header , nav , footer  .....
-   特点：独占一行一行只能显示一个 宽度默认是父元素的宽度，高度由内容默认撑开  可设置宽高

• 行内元素：

  • a ， b ，u， i， s, em, ins, del , span ， img ，em ， strong
  • 一行显示多个 宽度高度弄人由内容撑开 不可以设置宽高

• 行内块元素：

  • input ， select ，textarea, button .....
  • 一行可显示多个 可设置宽高 特殊情况：img标签有行内块元素特点，但chrome调试工具显示结果是inline.

• 空元素：

  • br ， hr ， link ， meta

• 区别：块元素独占一行，内联元素一行排列多个，并且内联元素无法设置 margin

块元素与行内元素之间的转换：

HTML可以将元素分类方式分为行内元素、块状元素和行内块状元素三种。这三者是可以互相转换的，使用display属性能够将三者任意转换：

　　(1)display:inline;转换为行内元素

　　(2)display:block;转换为块状元素

　　(3)display:inline-block;转换为行内块状元素

行内元素

　　行内元素最常使用的就是span，其他的只在特定功能下使用，修饰字体和标签，还有_{和^{这两个标签可以直接做出平方的效果，而不需要类似移动属性的帮助，很实用。}}