发表于: 2018-05-26 23:10:27
1 570
今天完成的事:
完成了任务六的基本布局
学习了雪碧图的制作与使用(还不太会用)
在代码中加入bootstrap框架(只知道在代码中加入.css .js 和jq文件很多东西都不会用)
明天计划的事:完成任务六的代码并上传
遇到的问题:
按钮菜单不会出现下拉选项,看了好多遍代码并没有错误,最终万能的师兄告知bootstrap的.css,.js文件需要是一个版本
发现自己对定位的知识理解得还不是很好,头部上的两个块是通过调整margin看起来和效果图差不多,但应该没有完全垂直居中。头部的小图标是通过position;absolute调整top和right的数值来定位的,但是垂直居中不知道怎么做到,只是看起来和效果图差不多
在学习雪碧图的时候先做了小例子,但是图片只是露出了一点点,最后在师兄的帮助下发现位置坐标不对
选择器优先级的问题还是有点搞不明白,bootstrap好像有很多自带的样式,我设置了样式但是发现没有效果,通过f12发现自己设置的样式优先级较低,最后通过加上!important样式才有效果
一开始按钮下拉菜单中的边框不知道怎么实现,看起来比正常边框短,又不与其他边框接触。最后通过改变子div的高度使他的边框变短,再通过改变父div的paddingtop使子div向下移动了一点点,达到了目的
收获:知道了雪碧图是什么,和它基本的使用方法。CSS雪碧的基本原理是把你的网站上用到的一些图片整合到一张单独的图片中,从而减少你的网站的HTTP请求数量
初步学习了bootstrap,.仿照着网上的例子写可以达到一些效果,还需要多加练习,感觉自己要学的还很多
对布局的理解又深了那么一点点。之前总是搞不清怎么分区块,现在好了一点,至少知道要分哪些区块
评论