一、什么是行级元素和块级元素。
块级元素特点:
1.霸占一行,无法与任何元素并列。
2.能接受宽,高。
3.如果不设置宽度,那么块级元素会占父标签的100%。
行内元素:
1.可以与其他行内元素并排。
2.不能设置宽高。
基本上所有的文本级标签,都是行内元素,例如:p,span,a,b,em等等。。。(p标签比较特殊,是文本级标签,但是是块级元素)
所有容器及标签都是块级元素,例如:div,h,li,dt,dd,p
二、行内元素和块级元素互相转换。
一旦只要给一个块级别标签加上display: inline; 这个标签就会变为行内元素。
display: inline; #可以将块级别的元素转换为行内元素。
相反如果要将一个行内元素转换为块级元素,可以使用display: block;
display: block; #将行级标签转换为块级标签。