计划的任务
- 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的宽高时,会有不同的变化。这不可描述,要去体会。参考文档
box-shadow是弄出阴影,可以有很多个很多个阴影。只要设定不同的横纵坐标就可以刻画出许多个阴影。
一个div,可以有before,after,自身,还有很多阴影,所以一个class可以实现很多个绘画。
-
分border-top-left-radius,top-right,bottom-right,bottom-left几部分
强大之处在于懂了css属性的原理然后肆无忌惮地玩。