計(jì)劃的任務(wù)

1. css畫icon
2. css border-radius
3. css box-shadow
4. 部分頁(yè)面加載更多的模板和參數(shù)的確定

實(shí)際完成

1. css（一個(gè)早上）
2. 部分頁(yè)面加載更多的模板和參數(shù)的確定（下午3.5小時(shí)）

總結(jié)

• 對(duì)CSS有了顛覆的認(rèn)識(shí)，自己跟著文婷的demo弄了點(diǎn)東西。對(duì)border-radius的box-shadow有了新的認(rèn)識(shí)。

  1. 分border-top-left-radius,top-right,bottom-right,bottom-left幾部分
     圓弧

  2. 圓弧是由兩條邊圍成的，所以每一個(gè)部分都有兩個(gè)值border-top-left-radius: x軸半徑，y軸半徑。修改x和y的值可以改變圓弧的弧度。當(dāng)x和y超過div的寬高時(shí)，會(huì)有不同的變化。這不可描述，要去體會(huì)。參考文檔

     border-radius:100%
     border-radius配合border寬度可以制造出尖角。(currentColor是CSS的變量表示當(dāng)前div的顏色)
     
     border-width:0;border-bottom:6px solid currentColor

  3. box-shadow是弄出陰影，可以有很多個(gè)很多個(gè)陰影。只要設(shè)定不同的橫縱坐標(biāo)就可以刻畫出許多個(gè)陰影。

  4. 一個(gè)div，可以有before,after,自身，還有很多陰影，所以一個(gè)class可以實(shí)現(xiàn)很多個(gè)繪畫。

文婷畫的小胡須

一不小心我的杰作

強(qiáng)大之處在于懂了css屬性的原理然后肆無(wú)忌憚地玩。