标签补充

 

1.   有的标签设置背景时会独占一行，还有的会随着内容的增减而改变自己的空间大小

   根据以上现象，标签又分块级标签：会独占一横，无论内容多少

                                           内敛标签：根据内容多少占有空间大小

        块级： p h1-h6 div ul li ol dl 等

 

        内敛：span img i b a em icon（矢量标签）

 

        二者区别

 

块级

 

1，块级元素会独占一行

 

2，块级可以设置宽高

 

内敛

 

1，内敛不会独占一行

 

2，内敛不可以设置宽高

 

3，内敛元素的margin上下不起作用了

 

       二者转换

 

块级转行级

 

给块级元素添加属性display:inline; display 显示  inline 行

 

行级转块级

 

给行级元素添加属性display:block;    block块

 

行级块元素

 

给需要的元素添加属性 display:inline-block;

 

(可以设置宽高了，可以在一行了，margin可以随便使用了)

 

转载于:https://www.cnblogs.com/yangzhiqiang/p/9641646.html