块元素、行内元素、行内块元素及特点

  • 块元素——div、p、h1-h6、ul、ol、dl、li

  特点:

  1. 所有的块级元素默认都是独占一行显示
  2. 如果一个块级元素没有设置宽度,那么其宽度等于其父元素的宽度
  3. 可以给块级元素设置宽度和高度
  • 行内元素——span、a、 font、strong、em、i、ins、u...

  特点:

  1. 所有的行内元素都在一行上显示.
  2. 行内元素的宽度和高度是其内容撑开的范围大小
  3. 行内元素默认不能设置宽度和高度
  • 行内块——img、input

  特点:

  1. 元素在一行上显示
  2. 可以给行内块元素设置宽度和高度
posted @ 2019-08-14 15:36  刘彤彤  阅读(4218)  评论(0编辑  收藏  举报