常见的行内元素
a,span,input,img
img,input为特殊的行内元素,可以设置宽高
常用的块级元素
div,h1-h6,p,ul,li,form
区别
行内元素不换行,宽高不可以设置,只能让他的子元素撑起来,内边距和外边距只在水平方向有效(对它周围的元素产生影响),内边距垂直方向显示效果增加,位置上不会有改变
块级元素自动换行,可以设置宽高,可以设置 margin
、padding
display:inline块级转行内
display;block 行内转块级
display:inline-block
行内元素或块级元素转行内块元素
语义化作用