盒子显示模式： 块元素、行内元素，行内块元素

什么是元素的显示模式？

元素（标签）默认以什么方式进行显示，都是盒子显示模式的原因，比如div盒子独自占一行，span标签一行放多个；

元素显示模式分类

元素的显示模式分为三类分别是块元素、行内元素，行内块元素；

块元素

常见的块元素：div/p/ul/li/ol/dl/dt/dd/h标题等

特点： 01、独自占一行；

   02、如果不设置固定的宽度，块元素默认的宽度和父级盒子一样宽；

  03、给块元素设置内外边距，宽高都生效；

  04、块元素里面可以嵌套任何元素，但是段落标签p里面不能嵌套div标签，因为浏览器解析的时候会将p   嵌套div解析成两个p标签，一个div标签显示

行内元素

常见的行内元素：a /span/ u/s /del/ strong/em/i / ins

特点：01、一行共存多个；

  02、默认的宽是由内容多少撑开的，给行内元素直接设置宽高是不生效的；

  03、设置内外边距上下不生效，左右生效；

  04、行内元素中只能嵌套文本图片或者其他行内元素，但是超链接a里面可以嵌套块级元素；

  超链接a里面不能嵌套超链接a；

行内块元素

常见的行内元素：img/input/button;

特点： 01、一行可以共存多个；

 02、如果不设置宽度，默认的宽是由内容多少撑开的；

  03、给行内块元素设置宽高和内外边距都生效；

元素显示模式之间的转化display（死了都要记）

实际开发中各个元素的显示模式是可以通过display设置不同的属性值实现的；

将元素转化为块元素（重点） display:block;

将元素转化为行内元素 display:inline; 

将元素转化为行内块元素 display:inline-block;