HTML标签的三大类

HTML标签的三大类

1. 行内元素(也可称内联元素)
2. 行内块元素(也可称内联块状元素)
3. 块级元素

它们可以相互转换
　　display:inline: 转换为行内元素
　　display:linline-block 转换为行内块元素
　　display:block 转换为块级元素
　　
各自具备的特性:

• 行内元素:
  　　1.无法设置宽高
  　　2. margin上下无效,只有左右有效果,padding都有效果,会撑大空间
  　　3.不会自动换行

• 行内块元素:
  　　1. 不会自动换行
  　　2.能够设置宽高
  　　3.默认排列方式为从左到右
  　　4.可以使用text-align:center使内容相对于盒子水平居中对齐,
  　　例如img标签,可以使用text-align:center,相对于父盒子居中对齐.,margin:0 auto无效
  　　5.水平排列,但所有元素默认会有1个空格的间隙,因为元素之间在html中书写有回车换行,浏览器解析会将其解析成一个空格.

• 块级元素:
  　　1.能够识别宽高
  　　2.margin和padding的上下左右均对其有效
  　　3.可以自动换行
  　　4.多个块状元素标签写在一起，默认排列方式为从上至下
  　　5.可以使用margin:0 auto居中对齐