核心提示: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>


