陈霞-2020-10-30

一、知识总结


1.定位
<div class="page"></div>  /*定位*/
<div class="header"></div>   /*页眉*/
<div class="main"></div>   /*主内容*/
<div class="adv"></div>   /*广告*/
<div class="footer"></div>   /*页脚*/
position: sticky;/*粘性定位*/
position: relative;/*相对定位*/
position:absolute;/*绝对定位*/
position:fixed;/*固定位置*/
bg:测试样式(页脚到最下面或页眉到最上面)
2.页眉布局
line-height:60px;/*列居中*/
margin:16px 0 0 0;(分别为上、右、下、左)字与字之间的距离
float:left;/*靠左*/       “btn”按钮缩写
<span></span>和<a></a>都是行级标签,给大小没用,由内容决定
display block:让行级标签拥有块级标签特性
display:inline-block:让行级标签拥有块级标签可给大小的特性,无独占一行特性。
display:flex;/*弹性布局*/
text-align:center;/*文字水平居中*/
color:#fff !important;/*我比你重要*/
margin-top:-20px;/*向上*/
background-position/*图片移动*/
outline:none;/*去掉黑框*/
cursor:pointer;/*鼠标变为手*/

二、心得体会
今天老师给我们详细地讲了昨天晚上布置给我们的作业,也就是百度的网页界面,因为已经是自己做过的,所以听得比较认真,跟自己做的时候遇到的问题什么的作比较,很多我做的时候都没有想到。通过讲解,我觉得原来以前看到过的网页竟然是这样生成的,原来做什么都不容易啊,但是想到我竟然有机会学习如何去做它,感觉还挺好的,那就再接再厉吧。

标签

评论

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