DIV使用介绍
- 2016-04-10 14:43:00
- admin
- 原创 2459
一、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>