小臣跟着李南江学习HTML5—CSS学习感想

现在不努力,等到何时!

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

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

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

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

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

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

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

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

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

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

相对定位注意点:

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

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

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

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

.

相对定位应用场景

1用于对元素进行微调

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

position: absolute;  绝对定位

position: relative;  相对定位

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

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


学HTML5就选李南江,选培训机构我只选小码哥(www.520it.com)

你可能感兴趣的:(小臣跟着李南江学习HTML5—CSS学习感想)