計劃的任務(wù)
- css畫icon
- css border-radius
- css box-shadow
- 部分頁面加載更多的模板和參數(shù)的確定
實際完成
- css(一個早上)
- 部分頁面加載更多的模板和參數(shù)的確定(下午3.5小時)
總結(jié)
- 對CSS有了顛覆的認(rèn)識,自己跟著文婷的demo弄了點東西。對border-radius的box-shadow有了新的認(rèn)識剂娄。
-
分border-top-left-radius,top-right,bottom-right,bottom-left幾部分圓弧
-
圓弧是由兩條邊圍成的剖张,所以每一個部分都有兩個值border-top-left-radius: x軸半徑,y軸半徑诬留。修改x和y的值可以改變圓弧的弧度斜纪。當(dāng)x和y超過div的寬高時贫母,會有不同的變化。這不可描述盒刚,要去體會腺劣。參考文檔
border-radius:100%
border-width:0;border-bottom:6px solid currentColor box-shadow是弄出陰影因块,可以有很多個很多個陰影橘原。只要設(shè)定不同的橫縱坐標(biāo)就可以刻畫出許多個陰影。
一個div涡上,可以有before,after,自身趾断,還有很多陰影,所以一個class可以實現(xiàn)很多個繪畫吩愧。
-
分border-top-left-radius,top-right,bottom-right,bottom-left幾部分
文婷畫的小胡須
一不小心我的杰作
強(qiáng)大之處在于懂了css屬性的原理然后肆無忌憚地玩芋酌。