马睿-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学习的过程中,代码的运用、基础知识的学
习可以说只是作为技术的基础层面,而想要真正完成一个项目,更多的是需要思维能力的
锻炼和项目的创新。实训将理论与实践相结合,从直观和整体上带来了很好的效果。

标签

评论

© 2021 成都云创动力科技有限公司 蜀ICP备20006351号-1