一、问题记录

1、背景图片比div宽度高度大的时候可以设置size为100%;

2、父级元素没有边框的时候给第一个子元素设置margin-top会带着父元素一起变动。
解决办法:1、设置margin-top后使用overflow:hidden :隐藏超出部分
           2、根据情况给子元素设置合适的高度,内容设置bottom(比如背景图片)

3、过滤器??*设置了字体颜色 之后给其他div修改字体颜色没有问题,但是给底部设置的时候被过滤了
解决办法:根据情况,给相对最外层的div设置字体颜色

4、导航点击后改变导航样式:找元素的时候要找仅控制要改变的元素样式的class
         尤其注意:控制样式的class是要变化的,不可以根据本身来选取元素

5、输入框顶格不好看:设置text-indent属性。或者直接设置padding;

6、取消掉textarea右下角的小三角:resize:none;禁止用户拖动更改大小。

二、总结

  首先做这个项目使我对布局的方法、样式的调试和js都有了更深一层的认识和把握,另外在平时的练习中可能还没有觉得格式和注释多么重要,现在代码稍微一多,格式和注释的好处就显而易见了,一定要从开始就养成好的习惯。

  在做这个项目的过程中也总结了一些想法,我觉得不管是html还是css,尤其是js,逻辑都很关键,把想法理顺了,写的时候再注意一些注意事项就会轻松很多,也会更容易发现问题所在和解决掉问题;我会尝试把自己当做电脑去读自己写的代码,在这个过程中会更加理解自己在做什么,而达到了自己理想中的效果的时候会很有成就感。

  最后,说一下不足,这个项目让我看到了很多自己需要改进的地方,比如自己过于拘泥,很少会产生新奇的想法、遇到问题的时候会花费大量的时候闷头解决而不是跟同学们交流、太执着于小问题的解决导致整个工作计划不够灵活等...希望下次可以做的更好。

 

 posted on 2018-04-02 18:15  Aifeiff  阅读(118)  评论(0编辑  收藏  举报