計劃的任務

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屬性的原理然后肆無忌憚地玩。