一、问题记录
1、背景图片比div宽度高度大的时候可以设置size为100%;
2、父级元素没有边框的时候给第一个子元素设置margin-top会带着父元素一起变动。
解决办法:1、设置margin-top后使用overflow:hidden :因此超出部分
2、根据情况给子元素设置合适的高度,内容设置bottom(比如背景图片)
3、过滤器??*设置了字体颜色 之后给其他div修改字体颜色没有问题,但是给底部设置的时候被过滤了
解决办法:根据情况,给相对最外层的div设置字体颜色
4、导航点击后改变导航样式:找元素的时候要找仅控制要改变的元素样式的class
尤其注意:控制样式的class是要变化的,不可以根据本身来选取元素
5、输入框顶格不好看:设置text-indent属性。或者直接设置padding;
二、总结
首先做这个项目使我对布局的方法、样式的调试和js都有了更深一层的认识和把握,另外在平时的练习中可能还没有觉得格式和注释多么重要,现在代码稍微一多,格式和注释的好处就显而易见了,一定要从开始就养成好的习惯。
在做这个项目的过程中也总结了一些想法,我觉得不管是html还是css,尤其是js,逻辑都很关键,把想法理顺了,写的时候再注意一些注意事项就会轻松很多,也会更容易发现问题所在和解决掉问题;我会尝试把自己当做电脑去读自己写的代码,在这个过程中会更加理解自己在做什么,而达到了自己理想中的效果的时候会很有成就感。
最后,说一下不足,这个项目让我看到了很多自己需要改进的地方,比如自己过于拘泥,很少会产生新奇的想法、遇到问题的时候会花费大量的时候闷头解决而不是跟同学们交流、太执着于小问题的解决导致整个工作计划不够灵活等...希望下次可以做的更好。