发表于: 2016-01-28 21:17:57
2 1342
今天第一次写日报,也是激动万分啊(此处省略一万字)
今天完成的事情:
1.首先在W3School(http://www.w3school.com.cn/index.html)上敲了小半天的例子来熟悉一下HTML和CSS的基本格式。
2在网上搜索了一下九宫格的相关概念,觉得九宫格在现实生活中的应用尤其是响应式的网页或者手机上的网页,使用频率是相当的高啊(我一眼看去不就是魔方吗。。)
3自己试着截图,然后写了一个基本的代码(就是先设置一个包裹层(方的),然后把图片塞进去,有点简陋,明天试着改进哈。不知道有没有人来评判对不对呢,评判标准是什么呢?求大神讲解啊)
---------------------------------------------------------------------------------------------------------------
明天计划的事情
1学会响应式以及Nginx,完成支持手机等等的要求
2进一步修改原来的代码
3争取进入下一个TASK
---------------------------------------------------------------------------------------------------------------
遇到的问题!!
1我看到网上的九宫格还有不同的版本,一种是说用表格的形式(即使用<Ul><li>),
第二种是说(利用将总容器.box设置为相对定位并设置overflow:hidden;让超出它的地方全部被切除,并将其里面的八个方向的div设为绝对定位,并将它们的z-index设置为2,然后将四个角容器分别设置到四个角落上。)如图
然后我研究了一下Z-Index 表示理解有一些些的困难
2就是响应式和手机适配,我百度了响应式的概念,我的总结就是:在不同设备上页面能够自动切换分辨率,图片尺寸以及相关脚本。问题是怎么解决呢?
3我今天写的一点点代码是固定宽高的,是否要求切换网页尺寸,大小随之改变呢??(求提点)
-----------------------------------------------------------------------
收获
主要就是一些细节方面,比如清除浮动的overflow:hidden和clear:both的区别和使用(隐藏溢出,清除浮动)和display的性质
第一次写日报有点简陋,我会去看别人写的日报不断改进,今天是我生日,出去吃了一个蛋糕,废了一些时间,明天争取全力以赴吧,希望能够得到大神们的点评和指点,谢谢了!!!!!!!!
评论