行内元素
行内元素:span,strong,em,br,img,input,label,select,textarea,cite
块级元素
块级元素:div,p,from,ul,li,ol,dl,address,fieldset,hr,menu,table
空(void)元素
void元素是指标签没有内容的元素
area, base, br, col, embed, hr, img, input, keygen, link, meta, param, source, track, wbr
行内元素与块级元素的区别
1.从显示效果看块级元素会独占一行,其宽度自动填满其父元素宽度,行内元素不会独占一行,相邻的行内元素会排列在一行,直至一行排不开,才会换行,其宽度随元素的内容而变化。
2)块级元素可以设置width,height属性,行内元素设置无效,块级元素设置了宽度、仍然是独占一行。
3)块级元素可以设置margin 和 padding,行内元素的水平方向的padding-left,padding-right,margin-left,margin-right 都产生边距效果,但是竖直方向的padding-top,padding-bottom,margin-top,margin-bottom都不会产生边距效果。(水平方向有效,竖直方向无效)