今日学习内容
- 将临摹作业继续深化
- 讲解 CSS 盒子模型、布局原理
- 关于页面构建的顺序和重点：
构建 DIV 布局，同时将 DIV 块用统一的样式确认好（例如统一的背景色和边框）；
通过 DIV 的 CSS 定位，将各个 DIV 块的位置确定好，并形成页面的大体轮廓；
自上而下、自左而右的逐步将页面元素填充到页面中；
将每个元素在各自 DIV 块中的布局进行详细调试。
课堂总结
盒子模型
元素框的最内部分是实际的内容，直接包围内容的是内边距。内边距呈现了元素的背景。内边距的边缘是边框。边框以外是外边距，外边距默认是透明的，因此不会遮挡其后的任何元素。
背景应用于由内容和内边距、边框组成的区域。
内边距、边框和外边距都是可选的，默认值是零。但是，许多元素将由用户代理样式表设置外边距和内边距。可以通过将元素的 margin 和 padding 设置为零来覆盖这些浏览器样式。这可以分别进行，也可以使用通用选择器对所有元素进行设置：
学习感悟
1.今天听老师讲了盒子模型、div布局啥的，顿时感觉恍然大悟，以前临摹一个网站第一个想到的肯定就是从上往下，写一点然后调个样式，以至于到后面都把自己绕蒙圈了，有的时候甚至无从下手。但是今天和我们讲了用DIV去布局，把大体的轮廓先给它定好，然后逐步的将页面元素填充进去，感觉很Nice
2. 学习新知识之前必须要先预习一下，然后在听老师讲才更容易理解，最后在不停地去尝试，这样才OK，不然的话脑子就是一片空白，感觉像在说天书。
3. 背景图片那一部分自己还是没能够理解，看了好长时间源代码，不停地调试还是没能达到想要的效果，一直纠结在这上面浪费了不少时间，哪里出现点问题，就喜欢一直盯着直到解决为止，导致花的时间比别人多，效果还没有别人好，心态有点炸 难受啊兄dei。