- 行内元素大致有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(粗体为较为常用)
- 块级元素有div、p、dl,dt,dd,nav、aside、header、footer、section、article、ul-li、address等。
- 行内块级:button
区别如下:
行内元素
从左往右排列,不占据一行;
对其设置宽高及margin的上下距离无效
块级元素
单独占据一行
行内块级元素
不会自动换行,相比行内可以设置宽高,具有行内块级共同特性。
空元素有input,img,br,hr,link等
盒子分为内在盒子和外在盒子,外在盒子决定是否一行显示还是要换行。内在盒子决定是否能设置宽高等。
如inline-block的inline是外在盒子。设置inline-table之后再设置子元素为table-cell可达成表格布局。