DIV使用介绍

2016-04-10 14:43:00
admin
原创 2459
摘要:DIV使用介绍

一、DIV使用介绍

1、DIV是层叠样式表中的定位技术,全称DIVision,即为划分,有时可以称为图层;

2、DIV用来为HTML文档内大块的内容提供结构和背景元素;

3、DIV是一个块级元素,浏览器通常会在DIV元素前后放置一个换行符;

4、颜色代码表:http://tool.webmasterhome.cn/html-color.asp


float=left示例代码:float-left.html

<style type="text/css">
.main {
width: 300px;
height: 200px;
background: #09F;
}
.main-kid1 {
width: 100px;
height: 100px;
background: #F96;
float: left;
}
.main-kid2 {
width: 100px;
height: 100px;
background: #F9F;
float: left;
}
</style>
<div class="main">
<div class="main-kid1">1</div>
<div class="main-kid2">2</div>
</div>


float=right示例代码:float-right.html

<style type="text/css">
.main {
width: 300px;
height: 200px;
background: #09F;
}
.main-kid1 {
width: 100px;
height: 100px;
background: #F96;
float: left;
}
.main-kid2 {
width: 100px;
height: 100px;
background: #F9F;
float: right;
}
</style>
<div class="main">
<div class="main-kid1">1</div>
<div class="main-kid2">2</div>
</div>

发表评论
评论通过审核之后才会显示。