行内元素、块级元素、行内块元素

html将元素分类为行内元素、块级元素、行内块元素

通过display属性能够将标签在三者之间任意切换

display:inline; //转换为行内元素

display:block; //转换为块级元素

display:inline-block; //转换为行内块元素

行内元素

行内元素的特征：

• • 设置宽高无效
  • 对margin仅设置左右有效，上下无效，padding设置上下左右都有效
  • 不会自动进行换行

常用的行内元素包括：

a、span、i、em、strong、b、lable

块级元素

块级元素的特征：

• • 能够识别宽高
  • margin和padding的上下左右均对其有效
  • 可以自动换行
  • 多个块级元素标签写在一起，默认排序方式为从上至下

常用的块级元素包括；

h1~h6、div、ul、li、ol、dl、dt、dd、form

行内块元素

行内块元素的特征：

• • 不自动换行
  • 能够识别宽高
  • 默认排序方式从左到右