今天听了老师的课,然后课后在原有的代码上做了些小改动,差不多就成这样了,做为初学者,我也不容易哈,勿喷
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>简单布局</title>
<style> /*最简化的布局方案*/
* {
margin: 0;
padding: 0;
}
.header, .nav, .main, .footer, .wrap { /*先定义所有盒子的公共属性,一个都不能少*/
border: 1px solid red;
width: 1190px;
margin : 0 auto 0 auto;
background-color: silver;
}
.header {
height: 150px;
margin-top: 50px;
}