核心提示:1、p标签常用于布局,单独占用一行,但可使用浮动float属性进行水平布局p表头/pp内容/pp结尾/p2、span标签是行内标签,常用于局部修饰使用pspan标题:/span大禹把华夏大地划分为九州...
1、p标签常用于布局,单独占用一行,但可使用浮动float属性进行水平布局
<p>表头</p> <p>内容</p> <p>结尾</p>
2、span标签是行内标签,常用于局部修饰使用
<p><span>标题:</span>大禹把华夏大地划分为九州</p>
3、p常用属性
width:默认情况是独占一行宽度 height:高度 name:名称 id:唯一标识 float:浮动属性 margin:外边距 padding:内边距 background:背景
4、p+css布局范例
<!DOCTYPE html> <html> <head> <title>p+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> <p class="top">头部</p> <p class="left">左边</p> <p class="right">右边</p> <p class="footer">尾部</p> </body> </html>