一.块级元素
显示特点:
1.独占一行
2.宽度默认是父元素的宽度,高度默认由内容撑开
3.可以设置宽高
代表标签:
div 、p、h系列
二.行内元素
显示特点:
1.一行可以显示多个
2.宽度和高度默认由内容撑开
3.不可以设置宽高
代表标签:
a、span、b
三.行内块元素
显示特点:
1.一行可以显示多个
2.可以设置宽高
代表标签:
input 、textarea、button、select….
四.元素显示模式转换
改变元素默认的显示特点,让元素符合布局要求
属性 | 效果 | 使用频率 |
display:block | 转换成块级元素 | 较多 |
display:inline:block | 转换成行内块元素 | 较多 |
display:inline | 转换成行内元素 | 极少 |
HTML嵌套规范:
1.块级元素一般作为大容器,可以嵌套:文本、块级元素、行内元素、行内块元素等等
2.a标签内部可以嵌套任意元素