布局类标签

布局类标签

header{
height: 150px;
background-color: aqua;
}
main{
height: 500px;
background-color: yellow;
}
footer{
height: 250px;
background-color: yellowgreen;
}
aside{
width: 30%;
height: 500px;
background-color: violet;
}

    布局类标签
    1：作用：完成页面布局
    2：一律为块元素
    3：快速建立页面结构搭建；将划分的页面结构转化为元素结构
    4：结合所有的css布局属性 以及 流式布局 进行布局
    5：注意：能够利用流式布局就尽量利用流式布局
 

 <header>
     <nav></nav>
 </header>
 <main>
     <aside></aside>
 </main>
 <footer></footer>