发表于: 2016-03-25 23:19:01

1 1088


今日完成的事情:

  1.   1、了解了修正院的学习方法,并顺利的加入了CSS的学习中。
  1.   2、因为之前有接触过html方面的一些知识,所以在任务1中略过了html和css基本概念的学习,重点学习了盒子模型和display属性,因为在之前的接触中,对于盒子模型和display属性的理解也仅限于知道这个属性。今天重点理解了盒子模型的含义 和display属性的用法。
  2.   3、学会了如何使用盒子模型的magin gadding border这几个属性来完善自己的div。
  3.   4、了解并安装nginx,对于nginx之前是属于一片空白的状态,今天也是重点了解了一下关于nginx的用法和作用。因为有用过wamp的缘故,也是在浏览器中输入localhost进入页面,且端口都是为80.但是一个是在后台运行就可以进入,而wamp则是需要运行程序才能进入,尚且不了解这两者之前会不会发生冲突。
  4.   5、利用网上学习的成果完成了任务一的一部分显示,但是仍然没有完全的按照图片中的格式显示出来。
  5. 明天计划的事情:

  6.   1、继续修正并完成任务一的代码任务,尽量使得任务一的显示能够完全按照图片中的格式进行显示。
  7.   2、了解nginx这个系统更多的使用方法,并且了解关于nginx与wamp之间是否会有冲突的现象。
  8.   3、继续了解盒子模型,并对于盒子模型的一些应用进行自我实验。
  9. 遇到的问题:

  10.   1、一开始不了解九个div如何在一个大的div之下组成九宫格,因为之前只是试过在同一个div下进行三个div的并排显示,但是如果是九个又该如何?经过网上的一番搜索,知道了这个问题解决是可以利用border 和 float来实现的。

  11.   2、每个div默认的情况下是正常的直角拐角,一开始不知道该如何去修改成为圆角。在网上寻找了之后发现在css3之后支持的border-radius属性可以让直角变为圆角,而且发现border-radius与border的宽度设置并不冲突。这一点我将会继续深究。
  12. 收获:

  13.   发现了自己有着许多只是“知道”的知识点,但是需要用的时候完全不知道该怎么着手。今天我认为最大的收获是认识到了盒子模型和模型中的border、padding以及margin这三个属性给div带来的改变以及对于这三个属性所适用的用法。



返回列表 返回列表
评论

    分享到