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