发表于: 2019-03-19 21:38:39

1 430


今天完成的任务

完成任务7

task7选择页面头部的三条横杠:利用background-clip: content-box可以很方便的绘制出效果图

background-clip有三个属性 

border-box 默认值。背景绘制在边框方框内(剪切成边框方框)。背景色包含边框

padding-box 背景色不包含边框

clip 背景色只作用在content

了解到calc()函数,传俩个数字参数,在一直自身宽/高的情况实现居中还是挺方便的

投票页面需要学习到h5的radio按钮

简单的了解了按钮的基本属性  利用

opacity: 0;

将它隐藏 在旋转180度 达到任务要求  ok

结果页面需要底部半透明 同时子元素不透明 百度下 rgba()可以很容易的实现


通过任务过程中了解到:

flex布局设置display:flex属性的父元素只要设置height 子元素就永远锁在父元素中 子元素的height会随比例缩小


明天的任务

进行任务8


返回列表 返回列表
评论

    分享到