概述: 显示模式是指元素以什么方式显示,如div默认独占一行,span默认可以多个在一行排列,了解它们的特点与分类可以更好的布局网页。HTML元素一般分为块级元素与行内元素、行内块元素
1、元素默认显示模式与元素特性总结
-
本身属性为display:block;的元素 称为块级元素
-
常见块级元素 div,h1-h6,p,ul,li,dl,dt,ol
-
-
本身属性为display:inline;的元素称为行级元素
-
常见行级元素:span,strong,em,i,a,b
-
-
本身属性为display:inline-block的元素称为行级块元素
-
常见行内块元素:img、input(表单元素后续会讲到)
-
1、块级元素特性总结
-
没有设置宽高的时候,宽继承父元素的宽度,高度由内容撑开
-
默认独立成行——默认垂直布局
-
具有盒模型特征(默认可以设置宽度、高度、padding、margin、border)可以设置上下左右的内边距和外边距。