标签设置的补充

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

　　  根据以上现象：

 

              　　块级标签：会独占一行，无论内容多少

 　　标签

             　　 内敛标签（行级标签）：根据内容多少占用空间大小

 

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

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

2　　二者区别

      　　 块级：

　　　　1.      块级元素会独占一行

　　　　2.      块级可以设置宽高

　　　　内敛：

　　　　1.      内敛不会独占一行

　　　　2.      内敛不可以设置宽高

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

3　　二者转换

       1） 块级转行级

              给块级元素添加属性display：inline；     display 显示  inline行

       2）行级转块级

              给行级元素添加属性display：block；……block块­­­­

       3） 行级块元素

              给需要的元素添加属性  display：inline-block­­­­­­­­­

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

　　备注

　　Line-height 行高  设置字体的垂直位置

　　

　　Line-height的值和height的值相同文本就上下居中

　　拓展 line-height:50px/2;

　　当是2的时候  line-height的值是2*font-size的大小==36px