频道栏目
首页 > 资讯 > HTML/CSS > 正文

Html手记:div和span标签

16-12-19        来源:[db:作者]  
收藏   我要投稿

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>
相关TAG标签
上一篇:电缆检测项目--实时状态总结
下一篇:ECharts显示24小时时间数据的一种办法
相关文章
图文推荐

关于我们 | 联系我们 | 广告服务 | 投资合作 | 版权申明 | 在线帮助 | 网站地图 | 作品发布 | Vip技术培训 | 举报中心

版权所有: 红黑联盟--致力于做实用的IT技术学习网站