您现在的位置:首页 >> 前端 >> 内容

Html手记:div和span标签

时间:2016/12/19 9:21:15 点击:

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

Tags:HT TM ML L手 
作者:网络 来源:dration的博客