今天学了CSS的盒子模型，对于网页布局有了一点清晰的认识，一个网页就是由一个个大大小小的盒子构成，网页的各种效果都是基于盒子添加的，然后盒子内容可以是文本也可以是超链接/音视频，例如：
图片中的各个盒子都添加了 圆角矩形 border-radius
然后在网页中盒子模型应该是这样的：
由外边距 margin ,内边距 padding,以及边框 border构成，然后 margin可以调整 盒子与盒子之间的距离，padding则可以调整内容与盒子边框的距离 ，最中间的是盒子内容的大小。
这个就是今天所学整理的一个思维脑图了，看起来还蛮多的，不过应该只是一些基础中的基础，需要熟练掌握才行，需要加强记忆伪类和伪元素的知识点！
这是今天跟着视频敲的一个 视差滚动的案例 效果如下：
这是第一屏：
很明显是一个大盒子包含了一个小盒子和一个字段，然后给大盒子添加了一个背景图（bgc：url(...)）,给小盒子设置为background-color: rgba(0, 0, 0, 0.9)变成黑色加了点透明;然后给小盒子内容添加了几段文字，再设置文字的属性（颜色、大小、间距等等），最后就是中间的‘落日夕阳’了，我用的是h2,然后给它设置 text-align: center让它位于页面居中，然后通过调整margin 让它处于一个看着比较舒服的位置。
第二张图则主要是为了展示bgc里面的 fixed 属性，让小盒子固定在每一屏的同一个位置，代码如下：
.section1 { background: url(../img/bg1.jpg) no-repeat fixed center center/cover; }
欧克，这就是今天所学的全部内容了，加油，加油，加油！！！
