DIV入门

DIV（Division） 是使用频率最高的块元素，默认独占一行；可以控制其在一行显示。

在DIV的Style中设置各种属性，来控制DIV块的呈现样式。举例：

间距Margin

设置margin-top等等的值来控制上下左右间距，可以使用px或百分比

1. margin-top: 顶部空白;
2. margin-left: 左侧空白;
3. margin-right: 右侧空白;

宽高

设置width,height来设置div的大小（px）或占外层div的百分比

1. height: 高;
2. width: 宽;

浮动float

float控制摆放，比如两个div在一行展示。这时候要控制好每个div的宽度。

1. Float:none 不使用浮动
2. Float:left 靠左浮动
3. Float:right 靠右浮动

嵌套

DIV可以嵌套，下层DIV以上层DIV作为100%的宽和高。

其他属性

1. display：控制是否显示，block – 显示，none – 隐藏
2. background：背景色，比如red
3. border：边框，比如border: 1px red solid

Span与DIV的区别

• div是块元素是默认独占一行显示；
• span是使用率最好的行内元素：行内元素的宽高和它内容的宽高一致，不能设置宽高；如果一行显示不下，自动换行。