发表于： 2019-10-21 22:47:17
1 880
今天完成的事情：写出任务六的粗略的雏形
明天计划的事情：尽量解决任务六
遇到的问题：制作雪碧图比较麻烦，ps操作非常繁琐，制作时间长，以后还是用软件做，修改按钮的样式花费较长时间
收获：在引入bootstrap制作下拉框按钮之后，代码
<div class="dropdown">
<button type="button" class="dropdown-toggle" data-toggle="dropdown">
测试
</button>
<div class="dropdown-menu">
<a class="dropdown-item" href="#">Link 1</a>
<a class="dropdown-item" href="#">Link 2</a>
<a class="dropdown-item" href="#">Link 3</a>
</div>
</div>
效果
但是没有实现点击出现下拉框，百度以后了解到似乎需要引入js文件之后才会有，明天要实际测试一下
制作了一张雪碧图
在使用雪碧图的实际应用，代码
.db div{
background: url(./images/css_sprites.png);
}
#jv{
background-position: -79px -5px;
width: 47px;
}
#y{
background-position: -126px -5px;
width: 71.5px;
}
#z{
background-position: 0px -5px;
width: 74px;
最开始的时候的时候无法实现移动图像，后来发现是选择器的优先级的关系，后来选择使用id选择器就可以正常使用了
效果图
明天继续进行任务六
返回列表
评论