CSS元素显示模式

一、块元素的特点

        1、比较霸道，自己独占一行。

        2、可以控制width、height、对齐属性；

        3、宽度默认是容器（父级元素宽度）的100%；

        4、块元素内可以包含行内元素或块元素。

二、行内元素的特点

        1、相邻行内元素一行排列，一行可以显示多个；

        2、width、height对齐属性直接设置无效。

        3、默认宽度是内容本身的宽度；

        4、行内元素只能容纳文本个或其他行内元素。

        5、链接里不能再放链接：

        6、特殊情况链接<a>里可以放块元素，但是给<a>转换一下块级模式最安全。

三、行内块元素

,        1、一行显示多个，但两个元素之间有空白缝隙；

        2、默认宽度是内容本身的宽度；

        3、width.height可控制。

元素显示模式的转换：display

块元素：block

行内元素：inline

行内块元素：inline-block