关于本次周总结

     在本次的前端的学习中，虽然前端入门简单，但自己运用起来却有点小难度，尤其是自己做一个页面的时候，页面乱的让人疯狂，归根结底还是知识掌握的不扎实，没有得心应手的感觉用着没有丝滑感，我认真反思自我，发现

1.在html中样式都被我设置成能内联样式乱成一团没有可读性

 导致我找错误的时候要一个一个看，而且还不一定能够更正错误。

2.这样设置没有先用框架比对，直接看最后的效果，没有逻辑性，将写代码的时间延长了。

这次的页面实践让我充分认识到了自己的不足，我也会去更正它，使我的逻辑思维能力提升。

我也在这次的实践中学到了很多新的知识,比如阴影的使用

/* box-shadow的实际运用

举例 1

不设置X轴与Y轴，设置值阴影模糊半径为15px, 它会在本身发生作用 半径范围，颜色*/

box-shadow: 0 0 15px #f00;

/*举例 2

X轴与Y轴设为正值（正值 X轴向右 Y轴向下）*/


box-shadow:4px 4px 15px #f00;

/*举例 3

box-shadow：inset 即box-shadow内部阴影，与上面写法相同 唯一不同的是添加了一个inset*/


box-shadow:0 0 15px #f00 inset;

/*举例 4

设置正方形的四边颜色都不一样，但是阴影模糊半径都为10px*/

box-shadow:-10px 0px 10px red,  /*左边阴影*/

 

            0px -10px 10px black,  /*上边阴影*/

 

            10px 0px 10px green,  /*右边阴影*/

 

            0px 10px 10px blue;" /*下边阴影*/  

还有媒体查询

@media mediatype and|not|only (media feature) {
    CSS-Code;
}

使得页面更加美观。

希望能在此路上继续前行！