发表于： 2019-07-07 01:13:23
2 762
今天完成的事
1.发现X按钮的可点击区域只在那个X上,过于狭小。
修改样式设置块元素扩大可点击区域
.x {
display: block;
height: 30px;
width: 30px;2.学习
HTML <audio> 标签
3.尝试设置之后变成如下效果 不符合要求
4.询问师兄思路之后 查询资料
得知了通过-webkit-media-controls- 来修改浏览器默认的audio和video的方法
5.尝试了一番
后面觉得兼容性不好 又费劲
还是打算使用透明叠加的方法 也许不是最好方案 但是效率高
修改audio样式的方法 看看以后熟练有没有更好的使用方式
6.修改架构
7.修改样式
8.设置文字
9.设置倒三角
10.今日完成页面预览
明日计划的事
1.初步架构玩家方块和布局
2.调试玩家方块的hover效果
3.设置四个操作小方块的样式
4.设置footer的样式
5.完善跳转部分
遇到的问题
1.<audio>标签不能直接引用样式 查询才知道是浏览器默认样式
需要-webkit-media-controls- 来改变audio和video的浏览器默认样式
收获
1.使用伪元素化三角更加熟练
2.知道了audio以及video的一些基本知识
返回列表
评论