发表于: 2016-03-25 23:19:01
1 1088
今日完成的事情:
- 1、了解了修正院的学习方法,并顺利的加入了CSS的学习中。
- 2、因为之前有接触过html方面的一些知识,所以在任务1中略过了html和css基本概念的学习,重点学习了盒子模型和display属性,因为在之前的接触中,对于盒子模型和display属性的理解也仅限于知道这个属性。今天重点理解了盒子模型的含义 和display属性的用法。
- 3、学会了如何使用盒子模型的magin gadding border这几个属性来完善自己的div。
- 4、了解并安装nginx,对于nginx之前是属于一片空白的状态,今天也是重点了解了一下关于nginx的用法和作用。因为有用过wamp的缘故,也是在浏览器中输入localhost进入页面,且端口都是为80.但是一个是在后台运行就可以进入,而wamp则是需要运行程序才能进入,尚且不了解这两者之前会不会发生冲突。
- 5、利用网上学习的成果完成了任务一的一部分显示,但是仍然没有完全的按照图片中的格式显示出来。
明天计划的事情:
- 1、继续修正并完成任务一的代码任务,尽量使得任务一的显示能够完全按照图片中的格式进行显示。
- 2、了解nginx这个系统更多的使用方法,并且了解关于nginx与wamp之间是否会有冲突的现象。
- 3、继续了解盒子模型,并对于盒子模型的一些应用进行自我实验。
遇到的问题:
1、一开始不了解九个div如何在一个大的div之下组成九宫格,因为之前只是试过在同一个div下进行三个div的并排显示,但是如果是九个又该如何?经过网上的一番搜索,知道了这个问题解决是可以利用border 和 float来实现的。
- 2、每个div默认的情况下是正常的直角拐角,一开始不知道该如何去修改成为圆角。在网上寻找了之后发现在css3之后支持的border-radius属性可以让直角变为圆角,而且发现border-radius与border的宽度设置并不冲突。这一点我将会继续深究。
收获:
发现了自己有着许多只是“知道”的知识点,但是需要用的时候完全不知道该怎么着手。今天我认为最大的收获是认识到了盒子模型和模型中的border、padding以及margin这三个属性给div带来的改变以及对于这三个属性所适用的用法。
评论