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. 块级元素有div、p、dl,dt,dd,nav、aside、header、footer、section、article、ul-li、address等。
  3. 行内块级:button

区别如下:
行内元素
从左往右排列,不占据一行;
对其设置宽高及margin的上下距离无效

块级元素
单独占据一行

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

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

盒子分为内在盒子和外在盒子,外在盒子决定是否一行显示还是要换行。内在盒子决定是否能设置宽高等。
如inline-block的inline是外在盒子。设置inline-table之后再设置子元素为table-cell可达成表格布局。

你可能感兴趣的:(html+css)