李存喜-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:圆角（四角都圆角）

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