发表于: 2017-03-12 21:49:02
1 696
今日完成的任务:
1.对任务6进行了一些修改,把header和footer固定到了顶部和底部,对head和foot里的一些图片元素进
行了定位居中之内的操作,并设置了媒体查询,320-400以及400到720的宽度,对网页字体大小和图片规
模进行了一些简单的控制,最后提交了任务并把代码上传到了服务器和github上。
2.看网络直播,学习了一些计算机组成原理的知识,如二进制,计算机组成之类的知识。
3.学习了一些html中网页对鼠标的一些操作的反应,如移动到该链接导致颜色改变,显示title等一些。
明日计划完后的任务:
1.开始写任务七的基本轮廓,并且做一些知识学习的温习
2.学习css半透明是如何实现的
3.学习一下代码规范
4.归纳一下在各种情形下,各种环境里垂直居中,水平居中的各种方法
今日遇到的问题:
1.对div的position设置成fixed之后,在其中进行的float等操作都无效,最后把图片改成背景图片进行
定位才得以解决,设置成fixed之后会脱离文档流,所以还要给下面的div设置一个margin-top,并把
header的z-index调到比下面div的z-index高才能显示出正常的界面。
2.把div设置成flex之后缩放页面之后,高度会有些许变化,导致表格看上去“肥大”了许多
收获:学到了各种居中的方法以及bootstrap的使用还有对fixed,relative,float对文档流的影响有了更多了解
评论