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