马睿-2020-10-30

1.页面布局  
<div class="page">

       <!---页眉--->
<div class="header bg">

<div class="main bg"></div>
      <!--- 主内容区--->
}
/*主内容区*/
.main{width: 100%;
height: 800px;
position: relative;/*副相对定位*/
}
/*广告*/
.adv{
    width: 60px;
    height: 300px;
    /*position: absolute;/*子绝对定位*/*/
    position: fixed;/*固定位置*/
    top: 200px;
    right: 0px;
}

.header{
    width: 100%;
    height: 120px;
}
/*导航栏*/
.naver{
    width: 100%;
    height: 36px;
    border-top: 1px #dedede solid;
    border-bottom: 1px #dedede solid;
    position: sticky;


position：relative；/*相对定位*/
position：absolute；/*绝对定位*/
position：sticky；/*粘性定位*/
position: fixed;/*固定位置*/

< a href=" ">新闻</ a>
                < a href="#">hao123</ a>
                < a href="#">地图</ a>
                < a href="#">学术</ a>

心得体会：今天上课讲了页面布局，页眉，主内容等内容。上课时发现了很多问题和疑问，
总体来说这几天老师的教学进度非常快。html学习的过程中，代码的运用、基础知识的学
习可以说只是作为技术的基础层面，而想要真正完成一个项目，更多的是需要思维能力的
锻炼和项目的创新。实训将理论与实践相结合，从直观和整体上带来了很好的效果。