顶部的那两个符号都是用div拼的
首先是那个最右端的x：
思路就是将四个相同大小的div放在一个大div中，就是四宫格：
然后保留需要的边框：
最后将最外面的div选择就可以得到想要的效果了
transform:rotate(45deg)
发表于： 2019-11-06 23:32:41
2 1268
今日完成：
早上看书补了些基础知识
选择符的特指度，不同的选择符有不同的特指度（权重），这个是为了解决属性声明的冲突问题。
选择符中的每个ID属性值加0，1，0，0
选择符中的每个类属性值、属性选择或者伪类加0，0，1，0
选择符中的每个元素和伪元素加0，0，0，1
连接符和通用符不增加特指度。
举几个例子：
h1{ color:red;} /* 0,0,0,1*/
body h1 {color: green;} /* 0,0,0,2 (胜出)*/
h2.grape {color: purple;} /* 0,0,1,1(胜出)*/
h2 {color:silver;} /* 0,0,0,1*/
html > body table tr[id="totals"] td ul > li {color: maroon;} /* 0,0,1,7*/
li#answer {color: navy;} /* 0,1,0,1（胜出）*/
投票页面未完成
顶部的那两个符号都是用div拼的
首先是那个最右端的x：
思路就是将四个相同大小的div放在一个大div中，就是四宫格：
然后保留需要的边框：
最后将最外面的div选择就可以得到想要的效果了
transform:rotate(45deg)
最左边那个图形，三条杠，外边套个框。
主要是这个三条杠。
我是找资料做的，那个例子用到了怪异盒子模型，也就是 box-sizing:border-box;
还有background-clip:clip;
试了下，正常盒子模型也可以做。
主要是这个三条杠。
我是找资料做的，那个例子用到了怪异盒子模型，也就是 box-sizing:border-box;
还有background-clip:clip;
试了下，正常盒子模型也可以做。
还有那个audio音频播放，这里用到了Js,但js还没学，所以就从网上找了代码改了下，除了播放和暂停功能保留，其他的展示播放进度之类的都去掉了。
将audio默认的样式改成了ui图中的那个图标。点击播放图标后，js会启动audio，并将播放的图标换成暂停图标。
遇到的问题：
代码规范的问题需要注意
收获：
无
明日计划：
加快进度，完成任务七。
返回列表
评论