发表于: 2018-12-03 19:52:38

2 714


.今天完成的事:

今天完成了任务7,在做的过程中,hover中的白色小格子总是不能和上面的正方形盒子对齐,而且算好的vw,也有些不对,检查了半天,才发现自己忽略了border的尺寸,恩,又是因为粗心浪费了时间。

而且,不知道为啥,hover中的雪碧图总是没法显示,最后归结下来,应该是我使用雪碧图的方法不够准确,在师兄的建议下,使用了用盒子的方式插入。我之前用的是<i>标签使用的雪碧图。

然后,图片是可以显示了,但是怎么让它的大小随着页面自适应,这又是难住了我,网上搜了半天,都没搞懂,最后使用了所有都用vw为单位:

.icon
{
background-image: url(css7sprite.png);
width: 4.5vw;
height: 4.5vw;
background-size: 310% 340%;
}
.icon1
{
background-position: -8vw -0.5vw;
}  

这样确实是可以随着页面自适应大小,但是有个问题就是,我使用vw为单位后,数值都是慢慢试出来的,不知道咋个算,这个就比较耗费时间了。

最后就是把这三个网页连接起来了,这个就想对而已比较简单了,使用<a></a>标签就好了

<a href="https://xyz0703.github.io/learngit/css7/css7-1.html">

之后就是修改和提交任务了。

明天的目标:

开始做任务8;

今天遇到的问题:

总是在一些做完后感觉很容易的地方浪费了大量的时间;

收获:

 今天学会了雪碧图的大小自适应,同时使用<a>标签后,瞬间感觉有点高大上哦




返回列表 返回列表
评论

    分享到