李存喜-2020-10-30

一 、知识总结

1.定位:(page)
             页眉:header
             导航栏(naver):position: sticky:粘性定位(让导航栏固定,不随滚动条移动)
             主内容区:position: relative;相对定位(副相对子绝对)
             广告:position: absolute:绝对定位
                       position: fixed:固定位置
             页脚:footer
             测试样式:bg(测试编写内容是否正确,给编写部分加颜色)

    2.  display: block(让行级标签有块级标签的属性)
                      in-block(让行级标签有块级标签的属性(自定义大小)依旧保留行级标签不独占一行的特性)
         displai:flex(弹性布局)
    3.  text-aling: center:字体横向居中
         line-height 24px:字体纵向居
         boder-radius:圆角(四角都圆角)

二、学习心得
今天我们学习了整体页面的设计,一个页面包括了页眉、导航栏、主内容区、广告和页脚,通过自己的
操作做出了想要的效果,让我感到很开心,虽然在过程中遇到了一点麻烦,所有程序都正确但是没有效果,通
过检查发现多加了一个符号。由此可见在编写程序的时候一定要特别细心,以后我还要继续努力,好好学习。

标签

评论

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