CSS（之四）

CSS的核心：浮动、盒子模型、定位

DIV作为块级元素，每个DIV占据一行。

块元素特点：1.默认显示在父标签的左上角；2.会计元素默认占满一行（占满整个文档流）

常见的块级元素：p、h1-h6、ul li、ol li、div、table、hr等

相对应的是行内元素（内联元素）：a、span、img、input等

行内元素特点：1.大小受到文字区域影响，不受height、width影响；2.不会单独占据一行。

span标签的应用：不会单独占满一行，不会受到其他块级元素的影响

行内元素变为块级元素：display:block；

块级元素编程行内元素： display：inline；

display：inline-block；受到高宽影响，不会单独占满一行。（块级元素、行内元素均有效）

为了使两个DIV排列在一行，需要通过浮动来设置。