HTML元素类别及转换

位置特性分类元素分为三类：块级元素，行内元素，行级块元素

1.块级元素（block）

       特点：  （1）可以设置宽高、内、外边距；

              　 （2）独占一行（即前后均有换行）；

              　 （3）块级元素如果不设置宽度和高度，则宽度默认为父级元素的宽度。高度则根据内容大小自动填充。

      常见的块级元素： div、p、h1、h2......hn，ol、 ul、dl、 li、 form、table

         

2.行级元素(inline)

      特点：  （1）不可设置宽高、上下内、外边距。 （左右内、外边距设置有效）

                  （2）其宽度和高度由其内容自动填充。

                  （3） 其他行级元素共处一行  ；

     常见的行级元素：a、span、i、lable等

 

 3.行内块元素（inline-block）

      特点：（1）可以设置宽高、内外边距；

                 （2）可以与其他行内元素、内联元素共处一行；

     常见的内联元素：input、img

 

=================元素之间的转化========================

display:block；(将元素变为块级元素)

display:inline；  (将元素变为行级元素)

display：inline-block；（将元素变为行级块元素）

 

 

(可以在行内样式或css样式中改变元素的display将三种元素进行转换)

 

转载于:https://www.cnblogs.com/renpei/p/8421440.html