标签补充

 

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可以随便使用了)

 

posted on 2018-09-13 16:57  *HECATE*  阅读(141)  评论(0编辑  收藏  举报

导航