HTML学习笔记 w3sCss盒子模型应用第十一节（原创）

发布时间：2017-09-10 14:00:11

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> &l ...

<!DOCTYPE html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Title</title>
 <link rel="stylesheet" href="tzy.css" type="text/css">
</head>
<body>
<div >
 <div >
 </div>
 <div >
  <div ></div>
  <div >
   <div ></div>
  </div>
  </div>
 <div >
  <div ></div>
  <div ></div>
 </div>
</div>
</body>
</html>



css文件tzy.css

* {
 margin: 0px;
 padding: 0px;
}

.top {
 width: 100%;
 height: 50px;
 
}

.top_content {
 width: 75%;
 height: 50px;
 margin: 0px auto;
 /*上下为0，左右自适应*/
 
}

.body {
 margin: 20px auto;
 width: 75%;
 height: 1500px;
 
}

.body_img {
 width: 100%;
 height: 400px;
 
 background-image: url {
 width: 100%;
 height: 1100px;
 
}

.body_no {
 width: 100%;
 height: 50px;
 
}

.footing {
 width: 75%;
 height: 400px;
 
 margin: 0px auto;
}
.footing_content{
 width: 100%;
 height: 350px;
 
}
.footing_subnav{
 width: 100%;
 height: 50px;
 
}