Html标签显示方式不同进行的分类

１   Html标签的分类

  显示方式不同进行的分类。

１.1   块级元素

      典型代表：

       div,p,li,h1...

       特点：

                 ☞元素自己独占一行显示（与宽度无关）

                 ☞可以设置宽度和高度

                 ☞当嵌套一个块级元素，子元素如果不设置宽度，那么该子元素的宽度为父元素的宽度。

１.2   行内元素

      典型代表:

            Span， a, font, strong...

       特点： 

             ☞元素在一行上显示

             ☞不能直接设置宽度和高度

１.3  行内块元素

       典型代表:

       Image, input(表单控件)

       特点：

            ☞ 元素在一行上显示

            ☞ 可以设置宽度和高度

 

１.4  元素之间的转换

     Display: inline                将元素转化为行内元素

     Display：inline-block     将元素转化行内块元素

     Display:block                  将元素转化为块元素