一、块级元素特点:
1、可以设定宽度和高度
2、独自占用一行
3、默认宽度是父元素的宽度,默认的高度是内容高度。
常见的块级元素:div、p、h1~h6、ul、ol、li、dl、dt、dd。
二、行内元素的特点:
1、不独占一行,并列显示
2、不可以设定宽度或者高度
3、默认宽度和高度是内容宽度和高度
常见的行内元素:a、span、em、i、del、label。
三、行内块元素的特点:
1、可以设定宽度和高度
2、可以和其它行内元素或者行内块元素并列显示(共处一行)
常见的行内块元素:input、img、td。
拓展:
使用css的display可以进行类型转换。如:
//给a标签设置宽高,扩大选区范围
<a href="" style="display:inline-block;line-height:50px;text-align:center;width:100px;height:50px;">扩大选区的超链接</a>