1、div标签常用于布局,单独占用一行,但可使用浮动float属性进行水平布局
<div>表头</div> <div>内容</div> <div>结尾</div>
2、span标签是行内标签,常用于局部修饰使用
<div><span>标题:</span>大禹把华夏大地划分为九州</div>
3、div常用属性
width:默认情况是独占一行宽度 height:高度 name:名称 id:唯一标识 float:浮动属性 margin:外边距 padding:内边距 background:背景
4、div+css布局范例
<!DOCTYPE html> <html> <head> <title>div+css布局</title> <style type="text/css"> .top { height:150px; background-color:#ff00ff; } .left { float:left; } .right { float:right; } .footer { height:150px; background-color:red; } </style> </head> <body> <div class="top">头部</div> <div class="left">左边</div> <div class="right">右边</div> <div class="footer">尾部</div> </body> </html>