发表于: 2018-06-19 20:37:42
2 568
- 今天完成的事情:
- 今天做了一部分任务六,然后写了任务五的任务总结,然后继续看雪碧图,然后看了w3c补之前的基础,任务写的比较慢,预计明后天可以完成任务六。
明天计划的事情:
尽量熟练运用今天学的东西,然后继续看w3c,再然后吧wiki的个人主页弄一下,然后争取完成任务6.复习总结。
遇到的问题:
鼠标放在图片上边自动打开列表无法实现,列表是一直打开的,然后自己查资料知道了display:none;,使用display解决问题,
然后还有就是小三角形,之前也看过这个方面的教程当时没有成功,然后今天用了border-width属性设置边框宽度成功的实现了小三角形。
收获:
border-width
border-width属性用于设置html元素四个边框的宽度,边框宽度一般使用像素作为单位
list-style把图像设置为列表中的列表项目标记
任务五任务总结
任务完成时间4天。
背景图片的定位
切下来的图片太大了,在小宽度的屏幕上不协调,需要把图标缩小,background-size:50%;
然后是背景图片的阴影图,切图之后调过字体颜色字体无法正常显示,后来又去重新切图,也一直在找有没有什么办法可以直接在上面添加一层阴影。
然后垂直居中,最后一栏自我介绍无法垂直居中,
然后使用了
display: flex;
align-items: center;
然后规定了边距。
评论