现在不努力，等到何时！

来到小码哥已经半个多月了，我认为学习前端，不管是入门还是进阶，一定都要有知识体系和建设的想法，刚开始学，都要有这样的意识，前端知识点多而分散，如果不能够构建自己对前端的知识体系框架的认识，很容易不知所措

没了方向，跟江哥学习html和CSS的这段时间里，他沙哑的声音，激情的讲解，深深的映在我脑海中，学习CSS像切菜一样，通过他带着我们做努比亚网页，绿色食品网等这种项目中，通过他教我们的思维对比

很容易知道哪些知识需要补充和完善的，学习的畏惧心理会小很多，脑图慢慢丰富起来，每次学习一点小的知识点，都要想办法把它们应用起来，如果遇到解决不了的问题，就去问，一定不要一直看，要多敲

不断的做出东西，解决问题，不断的给自己正向的激励，一定要让自己有成就感。

所谓布局，其实包含了两个含义：尺寸与定位，也就是所有的尺寸和定位相关的属性，都可以用来布局

我们学习了浮动定位，相对定位，绝对定位等，

浮动流是一种"半脱离标准流"的排版方式

浮动流只有一种排版方式, 就是水平排版. 它只能设置某个元素左对齐或者右对齐

在浮动流中是不区分块级元素/行内元素/行内块级元素的

相对定位就是相对于自己以前在标准流中的位置来移动

相对定位注意点：

1相对定位是不脱离标准流的, 会继续在标准流中占用一份空间

2在相对定位中同一个方向上的定位属性只能使用一个

3由于相对定位是不脱离标准流的, 所以在相对定位中是区分块级元素/行内元素/行内块级元素

4由于相对定位是不脱离标准流的, 并且相对定位的元素会占用标准流中的位置, 所以当给相对定位的元素设置margin/padding等属性的时会影响到标准流的布局

.

相对定位应用场景

1用于对元素进行微调

2配合后面学习的绝对定位来使用

position: absolute;  绝对定位

position: relative;  相对定位

这些定位方式使我们构建网页打好了稳定的基础

还有江哥跟我们讲的2D3D动画过渡中，感觉特别好玩，一个网页中的图片可以动起来，非常棒！

---

学HTML5就选李南江，选培训机构我只选小码哥（www.520it.com）