html行内元素,块级元素,行内块元素,空(void)元素

html行内元素,块级元素,行内块元素,空(void)元素

块级元素

简单列举

div 
p
ul
ol
li
dl
dd
dt
h1~h6
section
header
footer
nav
...

可以通过css属性 display: block;转换成块元素

块元素特征
　 可以设置宽高
　 独占一行
对margin,padding都有效

行内元素

简单列举
span
a
i
u
s

可以通过css属性 display: inline;转换成行内元素

行内元素特征
　 设置宽高无效
对margin仅设置左右方向有效，上下无效；padding有效
排满之后自动换行

行内快元素

简单列举
input
img
button

行内块元素特征
　 可以设置宽高
对margin,padding有效
排满自动换行

可以通过css属性 display: inline-block; 转换成行内块元素

void元素

简单列举
br
hr