计划的任务
- css画icon
- css border-radius
- css box-shadow
- 部分页面加载更多的模板和参数的确定
实际完成
- css(一个早上)
- 部分页面加载更多的模板和参数的确定(下午3.5小时)
总结
- 对CSS有了颠覆的认识,自己跟着文婷的demo弄了点东西。对border-radius的box-shadow有了新的认识。
-
分border-top-left-radius,top-right,bottom-right,bottom-left几部分圆弧
-
圆弧是由两条边围成的,所以每一个部分都有两个值border-top-left-radius: x轴半径,y轴半径。修改x和y的值可以改变圆弧的弧度。当x和y超过div的宽高时,会有不同的变化。这不可描述,要去体会。参考文档
border-radius:100%
border-width:0;border-bottom:6px solid currentColor box-shadow是弄出阴影,可以有很多个很多个阴影。只要设定不同的横纵坐标就可以刻画出许多个阴影。
一个div,可以有before,after,自身,还有很多阴影,所以一个class可以实现很多个绘画。
-
分border-top-left-radius,top-right,bottom-right,bottom-left几部分
文婷画的小胡须
一不小心我的杰作
强大之处在于懂了css属性的原理然后肆无忌惮地玩。