标签选择器:*,#,·;三种。
定位:absloute,relative,fixed;三种。
盒子模型:div的使用。
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Nearth</title>
<style type="text/css">
*{
margin:0px;
padding:0px;
}
.class{
height:100px;
width:100px;
border:3px solid yellow;
background-color:red;
}
#div01{
height:100px;
width:100px;
border:3px solid yellow;
background-color:green;
}
#div02{
height:100px;
width:100px;
border:3px solid yellow;
background-color:pink;
position:relative;
top:10px;
}
#div03{
height:50px;
width:50px;
border:3px solid yellow;
background-color:blue;
position:absolute;
top:0px;
left:0px;
}
#div04{
height:100px;
width:100px;
border:3px solid yellow;
background-color:whilte;
position:fixed;
top:30px;
right:30px;
}
</style>
</head>
<body>
<div class="class">div00</div>
<div id="div01">div01</div>
<div id="div02">div02</div>
<div id="div03">div03</div>
<div id="div04">div04</div>
</body>
</html>
小主人,要继续学习哟·························