html与css阶段学习总结

第四阶段总结

本应该在开学前就结束的Html和Css阶段，硬生生地拖了2周才考核完，并且任务完成总量还是比较少。外因是刚开学，各种各样的杂事太多，处理上有一些不适应。内因则是个人学习积极性的不足。此处则不做多讨论。之前走过的三个阶段都是都是java阶段，代码相比html与css来说逻辑性较强，所以就有了一开始的学长学姐对我们的高要求，每天给我们灌输着第四阶段多简单多好学的思想，也就导致了我一开始的不重视，然后过分轻敌。

一开始写html的时候，对网页元素的位置实在是理解不了，或许能做出来一些想要的东西，可是始终没办法完全控制住。要么用了不少float，要么用了不少position，最后都被其他有经验的人制止了，然后就彻底蒙圈了，到底怎么控制元素的位置！？我也不知道我是怎么活过来的，学长说的简单我也没见到，浑浑噩噩地写完了凡科的模版。直到我开始写知乎的首页，我才终于领悟了html的开发信条：真的没必要去纠结某个元素的位置，差不多像就行了！。。。开玩笑，这种感觉，等到知识储备到一定量的时候，自己就不会太去纠结了。只要合理运用好div和flex布局，设置好宽高，还是可以进行掌控的，而这种掌控相对于以前学过的java而言，不算绝对的掌控，元素本身也有相对的自由。

开始难倒我的不仅仅是元素的定位，还有我模仿的模版中，那无限多嵌套的div。一样的东西别人都能嵌套上十层我却只有两三层？对于这些来说，我目前的看法是：1，每嵌套一层，可能仅仅是设置了一个不同的样式（这一看法属于比较早期的看法了，毕竟一个div可以有好多个类，没必要一个div一个类，也有可能是我当时模仿的凡科模板有问题）；2，div越多，越容易控制布局，写到知乎的时候，才发现div分多了，板块分明，控制起来是真舒服啊。

这次模仿知乎的过程中，着实学习到了不少的知识。比较独特的就是svg标签了，它是一种用来表示矢量图的标签，可以保证图片的质量，貌似也可以用于打印，但是在我这估计就仅仅是装逼用的了。对于svg的了解有了一些，虽然也并不深入，也没有自己写出过什么有意义的图像，但艺多不压身，有机会是要学习一下的。后来去特效网上找到了一个Twitter的按钮翻盖特效，这个特效才是认真写的，足足弄了一个下午加晚上。更加深了自己对3d效果的动画和perspective的理解，也有了不少成就感，即使在考核的时候，学长学姐并没有很在意。还有的一个问题就是，对于选择器的使用并不太熟练。对于一连串相似的结构用选择器的时候可以不用类或id，而用那种比较选择性比较广泛的（类？我也不知道算啥）选择器，这样写起来代码看着不会特别冗余，但如果结构发生了变化，可能会有一些小麻烦。

路还很长，沉下心，努力学习。