html:
    （1）header main footer nav article aside 都有专门的块元素的符号名，可以直接写
    代码

    1. <!DOCTYPE html>
    2. <html lang="en">
    3. <head>
    4.     <meta charset="UTF-8">
    5.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    6.     <title>Document</title>
    7.     <link rel="stylesheet" href="../css/reset.css">
    8.     <link rel="stylesheet" href="../css/63简单的布局.css">
    9. </head>
    10. <body>
    11.     <header>
    13.     </header>
    15.     <main>
    16.         <nav></nav>
    17.         <article></article>
    18.         <aside></aside>
    19.     </main>
    21.     <footer></footer>
    24. </body>
    25. </html>

    css:
    （1）先分别写出各个元素的css，再在上面将各个元素的共同点，用 a, b, c {} 来统一写在一起

    （2）布局时，使用margin: 0 auto;既可以是元素水平居中

    （3）当子元素共同width超过父元素时，会将子元素挤下去，需要加减width,来达到匹配