第二周学习总结

进入工作室的第二周，相比起第一周的不适应好了很多，这次的任务做起来也比上次好了很多（主要是有培养人的指导和纠正），下面是我做任务的时候遇到的一些问题：

1.在写导航栏的时候，给链接标签写css属性，然而到后面写主体的时候，有链接标签的地方的效果都和导航栏的重了，这个就让我很纠结，之后请教培养人，他告诉我这块是选择器的知识，说明我在选择器这块还没有好好掌握，果然我回去w3c看了一下选择器这块的知识，马上就找到了对应的知识点。例如派生选择器，就是说通过依据元素在其位置的上下文关系来定义样式，还有id选择器，我就是在上周的时候一直不知道怎么用，结果对div的定位老是搞不好，这周重新复习了一下，感觉对盒子模型有了进一步的了解。当然，因为这周的任务就是考察对盒子模型的掌握情况的。

2.因为这周是考察盒子模型，所以要做的网页上有很多的div块，在这之前，我只知道对与两个div可以用float让他们并排显示，但盒子一多起来我就感到束手无策了，这时我就先想的是用绝对定位，但是发觉并不能实现想要的效果，因为第一个使用绝对定位的div是以页面为参考进行定位的，这就还需要了解页面的尺寸，明显就麻烦了（重点不在这里）。后来我问培养人，告诉他我想用绝对定位但却不成功，他告诉一般的网页都尽量地避免用到绝对定位，因为使用绝对定位，这个块就脱离文档流了，这样会造成“意想不到的”坏处。之后他告诉我的做法是不断地用大div框小的div，这样就便于用浮动达到效果。代码如下：

<div id="资讯和观察”>

<div id="行业资讯”>

.................

</div>

<div id="行业观察">

......................

</div>

</div>

<div id="关于我们">

.......

</div>

对于资讯和观察中就可以用浮动让两个div并排显示，然后对于大的两个div再用浮动就可以把“关于我们”提上来。

3.之后我大体上算是做完了，就让培养人来帮忙检查一下要改进的地方，然后就又找到了一个错误，在网页缩放的时候我的中间一个横幅和底下的底栏就完全偏了，这个是因为我没有让它们居中，之后我就用margin：auto 属性修正过来了；然后又是一个完全相反的错误，我对顶栏用了margin：auto属性，然后就使得在页面水平压缩的时候，顶栏会随之移动，因而培养人告诉我的解决方案是找到使顶栏居中的尺寸，然后直接设定margin left 和right 的值，这也算是一种定位吧、通过这两个错误，说明同一个属性在不同位置使用时会获得不同的效果，这点以后要注意。

4.然后就是两个小问题，一个是如何让文字在垂直方向上居中，这就要用到vertical-align这个属性；还有就是给div加边框，这个算是我忘了吧，就是border属性（以后这些基本的东西还是要好好记住）

5.在快结尾的时候，培养人又检查出一个大问题，那就是虽然在自己的电脑上显示的很perfect，但在别人的电脑上因为分辨率，屏幕大小之类的问题，这就会使得网页在别人的屏幕上乱码。对于此，培养人说了比较折中的方法，就是并不能完全解决问题。首先设一个大的div包住整个页面，所有元素。设定大的div的尺寸，然后用百分比来设定其中元素的大小，这样虽然还是会出现其他的如元素重叠的问题，但在缩放的状态下基本不会出现错位的问题了。培养人说了，还有其他的方法来完善，可以做到不用折中，不过还要往后面学去了。看来要学的还很多啊，要充满求知的欲望。

总的来说，这周是一个情感跌宕起伏的一周，在周初，因为自己的不适应，加上最近的活动比较多，让我感觉自己进工作室是不是一个错误；然后周中，我在培养人的引导下，蠕动般地写着代码，感觉无感了；到了周末，终于大功告成，感觉好像也不是那么辛苦，做了还是有点收获的，这让我不禁觉得面前这句话其实也说的不错：将来的你会感谢现在奋斗的你。