首先：CSS规范规定，每个元素都有display属性，确定该元素的类型，每个元素都有默认的display值，如div的display默认值为“block”，则为“块级”元素；span默认display属性值为“inline”，是“行内”元素。

（1）行内元素有：a ，b， span ，img， input ，select ，strong（强调的语气）

（2）块级元素有：div， ul， ol， li ，dl， dt， dd， h1 ，h2， h3， h4…p，

（3）常见的空元素：<br>，<hr>， <img> ，<input>，<link>，<meta>

鲜为人知的是：

<area><base><col><command> <embed> <keygen><param><source><track> <wbr>

块级元素会独占一行,默认情况下,其宽度自动填满其父元素宽度.

行内元素不会独占一行,相邻的行内元素会排列在同一行里,直到一行排不下,才会换行,其宽度随元素的内容而变化.

红黄block，蓝绿行内inline。