发表于: 2020-08-17 21:57:36
1 1260
今天完成的事情:
今天完成对任务7的自适应,页面跳转,音频的播放,面包按钮和三角形的纯css制作,投票页面每个玩家的方块上,hover时会出现4个操作选择;;CSS半透明
明天的计划:
明天计划完成任务八,今晚学习媒体查询
遇到的问题:
1、对面包屑按钮不能自适应;
通过使用vw单位随着页面的大小而改变
2、页面跳转只能点击文字进行跳转,点按钮的其他部分没有反应;需要使用button放进a标签里面
收获:
今天通过对任务七的制作,对页面的自适应有了更深的理解,一些简单的图标可以通过css制作了;
1.RGBA与 opacity的区别
opacity会继承父元素的 opacity 属性,而RGBA设置的元素的后代元素不会继承不透明属性。
即可以单独为被设置的元素设置透明度,而子元素而不受该设置影响。。
在rgba中,a的取值范围是0-1之间,不可以是负值,r、g、b三个参数,正整数值的取值范围为:0 - 255。
百分数值的取值范围为:0.0% -100.0%。超出范围的数值将被截至其最接近的取值极限。并非所有浏览器都支持使用百分数
评论