第二次任务--做一个介绍网页

来源:互联网 发布:人文地理 就业 知乎 编辑:程序博客网 时间:2024/04/27 19:14

        本周的任务是做一个介绍的网页,用到的主要知识盒子模型。说实话,对于我而言确实是一个比较大的挑战。一开始我眼高手低,一看我的培养人给我发的网页,感觉应该很快就可以做出来。但是,在动手的时候,就出现了很多的问题。网页的排版很乱就不说了,因为第一次任务的时候这个我就做得很差,这次虽然勉强不很乱,但我觉得这方面我确实还有待提升。再者,就是盒子模型的问题了。这次的网页任务,基本全是盒子里面套盒子,一个不小心就会出错。这一点我确实是没少吃亏,出了错一时半会找不到,费时间不说,真的感觉很受伤。这也让我认识到注释的重要性<!--注释文字 -->

   接下来就说说我对盒子模型的认识。首先,盒子模型就是一个个的<div></div>标签表示的;margin是盒子的外边距,它的四条边的边距都是可以设置的,顺序是上、左、下、右padding是盒子的内边距,这个设置方式和margin是一样的;盒子模型的border(边框)也是可以设置的,比如border:2px solid red;这个意思就是说该盒子的边框宽度是2px,边框线型是红色实线。还有一些知识点上次网页任务时就用过了,比如float等等。

   说实话,盒子模型咋一看来是很简单的,但它的知识点内涵却很复杂,网页布局都依靠它。在网页设计中,盒子模型用的非常的,那就要求我们要细心,此时注释的作用就很重要。不多说了,下面就是我做的网页带有边框的一部分。

————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————————


0 0