CSS元素显示模式及转换

CSS元素显示模式
（1）块级元素：独占一行；高度、宽度、内外边距都可以设置；里面可以放块级元素或行内元素；
常见块级元素，<div> 、<ol>、<li>;、<ul>、<h1>-<h6>、<p>;
（2）行内元素或内联元素：相邻元素在一行；高、宽直接设置无效；默认宽度是它本身内容的宽度；行内元素只能容纳文本或者其他行内元素；常见内联元素：span、strong、b、em、i、del、s等；
（3）行内块元素：和相邻行内元素在一行上，但他们之间会有空白缝隙，一行可以显示多个；默认宽度就是本身内容的宽度；高度、行高、、内外边距都可以设置。常见行内块元素：img、input、td。

CSS元素转换：
（1）转换为块级元素：display：block；
（2）转换为行内元素：display：inline；
（3）转换为行内块元素：display：inline-block；