HTML页面布局

创建一个页面划分出 头 体 尾 三个部分
<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>首页</title>
        <!-- 后期建议将CSS与HTML分离 -->
    <style type="text/css">
      * {
        margin: 0;
        padding: 0;
      }
      
      .header {
        width: 100%;
        height: 4.1125rem;
        background-color: aqua;
      }
      
      .container {
        margin: 1.25rem auto;
        width: 85%;
        height: 31.25rem;
        background-color: aquamarine;
      }
      
      .footer {
        width: 100%;
        height: 6.25rem;
        background-color: antiquewhite;
      }
    </style>
  </head>
  <body>
    <div class="header">
      header
    </div>
    <div class="container">
      container
    </div>
    <div class="footer">
      footer
    </div>
  </body>
</html>


Aspire to inspire until I expire