html行内元素、块级元素和行内块元素的区别

1、行内元素大致有b, big, i, small, tt,abbr, acronym, cite, code, dfn, em, kbd, strong, samp, var,a, bdo, br, img, map, object, q, script, span, sub, sup, input, label, select, textarea(粗体为较为常用)
2、块级元素有divp、dl,dt,dd,nav、aside、header、footer、section、article、ul-li、address等。
3、行内块级:button
区别如下:
行内元素
从左往右排列,不占据一行;
对其设置宽高及margin的上下距离无效

块级元素
单独占据一行

行内块级元素
不会自动换行,相比行内可以设置宽高,具有行内块级共同特性。

空元素有input,img,br,hr,link等

猜你喜欢

转载自www.cnblogs.com/haojf/p/10556562.html