index.css
/* index.css是用来美化首页的 */ * { margin: 0; padding: 0; /* 內减模式 */ box-sizing: border-box; } li { list-style: none; } a { text-decoration: none; } .clearfix:before,.clearfix:after { content:""; display:table; } .clearfix:after { clear:both; } body{ background-color: #f3f5f7; } .wrapper{ width: 1200px; margin: 0 auto; } .header{ height: 42px; background-color: pink; margin: 30px; } h1 { float: left; } /* 导航 */ .nav { float: left; margin-left: 70px; height: 42px; }
index.html
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <link rel="stylesheet" href="./css/index.css"> </head> <body> <div class="header wrapper"> <h1> <a><img src="./images/logo.png"></a> </h1> <div class="nav"> 11 </div> </div> </body> </html>
