发表于： 2017-03-16 22:09:14
2 660
今天完成的事情：上午开始编写任务13首页和结果页的代码，感觉相对简单点，打算两个一天之内就完成，但由于任务要求不能使用bootstrap框架，所以对于首页的轮播图目前还没有做，其他部分已经完成，结果页除按钮部分外也已经完成。没有按既定计划完成两个网页的制作。
明天计划的任务：上午学用css如何实现轮播图，对其原理进行研究，顺利的话下午开始投票的代码编写。
遇到的问题：
第一个是<meta name="viewport">这个属性，在写任务13首页时，在<head>标签里没有加这个标签声明，导致顶部导航栏虽然设置了最大宽度，宽度也设置为100%，但是不起作用，使用margin：auto;或者0 auto;时两侧的margin值不论大小分辨率下始终存在。这个问题开始被忽视了，也不能说忽视，就是没找到问题的所在，属性代码没问题，调整了一个多小时，最后还是通过和任务7的代码从头逐行对比才发现出问题的原因。也算是长记性了，对meta标签有了更直观深刻的认识。
第二个是首页轮播图的实现，任务要求不能使用bootstrap框架编写代码，但纯粹使用css和div怎么实现轮播图的效果，是不是要涉及到js，在网上也有许多例子，但一部分是用到js的，有的不用。虽然看起来html的结构代码并不多，但是css里的代码却不少，鉴于今天计划要写完两个页面，所以下午就没有再过多地去了解这方面的知识和原理，先完成大体任务，明天再回过头来花一些时间好好实践研究一下！
收获：对<meta name="viewport">的属性有了更深刻的认识，对于使用公共样式编写顶部和底部导航栏及内容的一部分这方面，感觉有的属性值添加时要谨慎，需要两个或者多个页面同时观察效果的变化，以免这个页面做好了，但是下个页面因为这个页面多了或者少了一两个代码而达不到设计要求的效果。需要统一，这块还是需要花些时间去实践总结，最后变成一种习惯！
返回列表
评论