发表于: 2019-06-03 23:57:00
1 840
今天完成的事情:
今天忙了一天,差个超链接就把任务写完了,本来没想到会这么晚的,计划的是最多下午就把任务七给写完,然后开始准备任务八,但是还是最主要的缩放问题,从横向1440-320之间的跨度实在是比较大,我用的vw单位最主要的就是放最大的时候太大了,大的太不合理,一个简单的页面不应该那样,所以我一直都在找问题所在,一直都在测试怎么弄最好,但是进度可以说都是不尽人意。
晚上的石时候准备交页面,看到两位师兄的任务七,发现他们的是宽度随着大小变动,但是高度不变,一直百思不得其解,后来想到了用最小和最大属性min和max来限制,后来试了一会还是效果不太好,但是任务七最小的情况下不崩也算是达到了任务的标准,经过师兄们一直决定我用vw也可以,所以我的任务七马上就这个问题就算是过了。除了单位问题其他的倒也没啥,遇到问题也及时的解决了,接下来说一下我学的新知识点;
首先来说说hover,这个是伪类元素,今天用到的最主要的效果就是鼠标经过元素或者点击时出现效果,比如说今天用到的鼠标滑过颜色就会改变;
这个做的效果是鼠标从左到右依次滑过的情况下颜色会变成蓝色,第一个已经生效了,效果杠杠的接下来把代码放上来;
.monday:hover{
background-color: #69d1e9;
}
这个感觉就是最简单的hover效果,上面的代码只写了子元素,所以鼠标滑过这些元素的话就开始生效,hover前面也可以加上父元素,这样鼠标点击或者滑过的话只在父元素的范围内生效,是比较简单的伪类也算是学习到新知识了。
明天计划的事情:
等会把超链接给做了,然后提交任务七,明天计划开始了解任务八,早上可以试着构思一些思路,到了晚上下午就要开始动手写代码,希望能比较顺利吧,反正是一周内写完比较难啊,对了,明天还要补任务四的深度思考,这个也不能忘了,加油啊。
遇到的问题:最主要的就是视口的问题,这个解决完之后也没啥大问题可以讲的了。】
收获:
今天算是学到的比较多点,首先就是hover伪类标签,这个已经用上并且生效了,第二个就是超链接;
<a href="task-7.html">
<img class="form" src="img/n.png" height="56" width="28"/>
</a>
这个是点击图片然后跳转到指定的网站,可以在第一行写网站然后跳转到指定的页面,也算是比较简单的。
今天还算是可以的吧,学到了两个新的知识点,前面也说过,只要每天都有进步就好,要求不高,但是要记得死,下次需要用到的时候可以使用出来。
评论