首先: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。