CSS基础-元素分类

块级元素（block）

特点

1、每个块级元素都从新的一行开始，并且其后的元素也另起一行（霸道吧，一个块级元素独占一行）

2、块级元素的高度，宽度，行高以及顶和底边距都可以设置

3、块级元素在不设置宽度的时候，是其本身父容器的100%（和父元素宽度一致），除非自己设置宽度

那么，问题来了，我想成为霸道的块级元素怎么办呢？

• 等就是块级元素

  设置display:block就是将元素显示为块级元素
  

  ---

  内联元素（行内元素）（inline）
  

  先问个问题，内联元素是个什么鬼？

  在HTML中，就是典型的内联元素

  块级元素也可以通过设置display:inline成为内联元素

  呵呵呵呵，据我猜测，接下来该说特点了吧！

  O__O "…如你所愿：

  1、和其他元素都在一行上；
  

  2、元素的高度、宽度及顶部和底部边距不可设置；

  3、元素的宽度就是它包含的文字或图片的宽度，不可改变。

  ---

  内联块状元素（inline-block）
  

  别说话，让我猜猜：

  这货应该就是内联元素和块状元素的结合体，哈哈哈哈

  。。。先把特点奉上：

  1、和其他元素都在一行上；
  

  2、元素的高度、宽度、行高以及顶和底边距都可设置。

  凸(艹皿艹 )，我觉得这货牛，我要去见见他们：

  代码display:inline-block就是将元素设置为内联块状元素
  

  就是内联块状元素标签