W3C页面知识点运用
# W3C知识点运用
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>w3c</title>
<style type="text/css">
* {
margin: 0;
padding: 0;
/*border: 1px solid transparent;*/
}
h1.title {
width: 500px;
/*height: 250px;*/
height: 100px;
border: 1px solid black;
}
.title {
background: url('img/bg.png') no-repeat 0 -150px;
}
.title:hover {
background: url('img/bg.png') no-repeat 0 -250px;
cursor: pointer;
}
.nav_div {
width: 150px;
height: 45px;
background-color: #444;
text-align: center;
line-height: 45px;
display: inline-block;
}
.nav_div:hover {
background: red;
cursor: pointer;
color: white;
}
</style>
</head>
<body>
<div class="warp">
<div class="top">
<h1 class="title"></h1>
<div class="nav">
<div class="nav_div d1">#####</div>
<div class="nav_div d2">#####</div>
<div class="nav_div d3">#####</div>
<div class="nav_div d4">#####</div>
<div class="nav_div d5">#####</div>
</div>
</div>
<div class="main">
<div class="left"></div>
<div class="middle"></div>
<div class="right"></div>
</div>
<div class="end"></div>
</div>
</body>
</html>