发表于: 2017-07-26 23:13:08

5 538


关于九宫格这个人任务其实挺简单的。知识的一个巩固。我总共遇到几个比较大的问题,有点笨,学习能力不够。

第一,关于样式,我一直在纠结可不可以添加进去html里面,后面才恍然大悟。加个<style>就行。

第二,说是要用代码管理库github。我其实没怎么用过,之前觉得不好用。按照任务一步步来。就随便折腾下,这里问题不大。在那个谷歌浏览器开发者工具那里比较蛋疼,审查元素那些代码都是英文,真是够了。恶补英语看来是必不可少了。还有那个浮动就是用来浮动框,向左向右。直到排列到无法排下,就会继续另起一行排列。

第三,比较难 的一点是,我要用ID选择器还是类选择器。感觉其实差不多,理解九宫格的整体任务意思,先选择用类选择器,再用div弄出九块就行了,但是突然发现,页面无法做到所谓的自适应,随着屏幕的缩放而缩放。百度好久还有问前辈,原来css里面有一个布局,就是用%来表示,这样可以简单的实现自适应。这个问题解决了感觉花的时间都值得了。我后来用那个id选择器来做。效果差不多,但是觉得加点边框比较好看,所以自己就多加点东西进去,那个border-radius确实得设置,不然美观不了,那个数字百分比确实让我计算好一会,怕是高度还有宽度得设置,还有那个通配选择器*就是得先把margin还有padding先设为0.之后再在后面设置那个每个格子的属性,我还没有看完所谓的任务里面提到的资料,感觉重复的东西很多,但是每一步倒是也很重要。

整体下来感觉整合的东西还是有的。就思考的东西挺多的,感觉那个sublime编辑器确实好用,vs2013有点不太适合,页面的东西用谷歌浏览器来展示。我的服务器是用同学的,建议还是去买学生服务器,这个比较实用。


返回列表 返回列表
评论

    分享到