第二周学习前端知识

又经过一周的前端知识的学习，比起上一周来说，更多的知识理解更加深入了，也动手实操了一下页面的编写，过程十分不易，整个页面的代码由于不会精简代码，导致代码的数量有六七百行，看上去十分冗杂且数量巨大，看起来十分痛苦，有时候回过头去看自己之前写的代码也认不得是什么了。比起上一周的两三百行代码，这可是多了太多了。

如下图代码的主体部分：

主体部分就已经让人眼花缭乱了。

 在本周的学习之中，我对定位这一方面的知识有着更加深入的理解，相对定位和绝对定位，当一个子元素开启相对定位时，相对的是距离他最近的开启定位的父元素，这样就可以在父元素之中改变子元素的位置，而不会导致子元素的丢失。

另外相对定位和绝对定位还有一个区别特点就是，相对定位不会使元素脱离文档流，而绝对定位则会使元素脱离文档流而不占用页面中的位置，其他元素也可以到达开启绝对定位的元素的本来位置，而如果是相对定位，其他元素就无法到达而且会被挤开。

另外让我记忆深刻的知识点就是阴影遮盖层的编写，让我更加理解了z-index这个东西的作用，这个东西可以设置元素的所在层数，如果设置2，则该元素就在其他元素的上方可以盖住其他元素，也学到了阴影遮盖层的透明度以及向左向右平移。

如上图就是阴影遮盖层的代码，第二张图的代码是阴影遮盖层的平移代码，需要注意的是阴影层要设置绝对定位，否则无法脱离文档流，就导致排版变乱。

以上就是本周我在学习前端知识所编写的代码以及理解更加深刻的内容。