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

1、块级元素

  • 独占一行
  • 可以设置宽度和高度
  • 支 持所有的margin和padding
  • 可以作为容器包含其他元素,但是p标签不能包含自身及其他块元素
  • 常见的块级元素:p、div、h1-h6、hr、ul、ol、li、dl、 dt 、dd 、table、 form...
2、行内元素.

  • 行内元素可以在一行显示
  • 不可以设置宽度和高度
  • 支持部分的margin和padding(一般是不支持margin的上下)
  • 行内可以包含行内元素,但是不可以包含块元素
  • 常见的行内元素:a 、span、 b、 strong、 i、 em
3、行内块元素

  • 既具有块元素的特点,也具有行内元素的特点,常见的行内块元素有:img 、input 、select、 textarea,注意行内元素有显示的问题,如行内块元素间有间隙且行内块元素下方有间隙,解决方法是代码之间要相邻不换行然后需将其调整为块元素(block)

你可能感兴趣的:(块级元素、行级元素、行内块元素)