【总结】2016.12.19

计划的任务

1. css画icon
2. css border-radius
3. css box-shadow
4. 部分页面加载更多的模板和参数的确定

实际完成

1. css（一个早上）
2. 部分页面加载更多的模板和参数的确定（下午3.5小时）

总结

• 对CSS有了颠覆的认识，自己跟着文婷的demo弄了点东西。对border-radius的box-shadow有了新的认识。

  1. 分border-top-left-radius,top-right,bottom-right,bottom-left几部分
     圆弧

  2. 圆弧是由两条边围成的，所以每一个部分都有两个值border-top-left-radius: x轴半径，y轴半径。修改x和y的值可以改变圆弧的弧度。当x和y超过div的宽高时，会有不同的变化。这不可描述，要去体会。参考文档

     border-radius:100%
     border-radius配合border宽度可以制造出尖角。(currentColor是CSS的变量表示当前div的颜色)
     
     border-width:0;border-bottom:6px solid currentColor

  3. box-shadow是弄出阴影，可以有很多个很多个阴影。只要设定不同的横纵坐标就可以刻画出许多个阴影。

  4. 一个div，可以有before,after,自身，还有很多阴影，所以一个class可以实现很多个绘画。

文婷画的小胡须

一不小心我的杰作

强大之处在于懂了css属性的原理然后肆无忌惮地玩。