有点复杂

  2017.3.6-10号是我学习web前端开发的第三周,也是到目前为止觉得时间过得最快的一周。俗话说,快乐的日子的总是短暂的,但是我并不觉得这是快乐的一周,但也并不那么苦痛。毕竟好戏可能还未曾开始吧。

  周一的时候老师发了“迪士尼”的页面给我们,叫我们开始写页面。老实说,虽然之前学了一周的HTML5和css3的基础,但是拿到页面的那一刻,自己全然处于懵圈状态,而且是一种历久弥新的懵圈。感觉并不知道怎么样去利用之前学的基础知识去创建那个页面。后来老师讲述了一下拿到页面首先应该看页面的布局,然后将一些东西该固定的固定等等,自己猜稍微有点感觉。慢慢写下去,发现的问题非常之多。但是,学习不就是一个发现问题、解决问题的过程吗?在写了“迪士尼”之后,又写了“豆瓣”的网页,然后今天在开始写“淘宝”的主页。这些页面布局都是由简单到复杂,自己在写的过程中也收获了很多。知道了页面布局对整个创建页面是非常的重要。所谓“万事开头难”,只要开始做好了,后面也不会差到哪里去。

  总结一下这个礼拜通过写页面来获得的收获吧。

  1.之前对导航栏的写法很是模糊,不知道到底需不需要去设它的每一个小部分的宽度,但是今天知道了可以不用对每个小部分设宽度,需要间隔只需要设置margin-right或者padding-right等就可以实现;

  2.浮动会使相应的东西脱离文档流,没有高度,从而影响其下面的布局,可以对其设置over-flow:hidden;来使其找回高度;

  3.input输入框在点击的时候会有一个蓝色的线框,可以通过out-line:none;使其没有;

  4.input输入框在写东西时是从最右边开始写可以设置padding-left:5px;使其从距离右边5px的位置开始输入,增加交互效果;

  5.将块级元素的height与line-height设置成相同,可以使其中的文本等上下居中;

  6.对于加了sup(上标)或sub(下标)的文字,可以单独对其设置行高来使其与其他文本在同一高度的效果;

  …………

  写页面的这一周,是极快的一周,也是收获颇丰的一周。时间一天一天的流逝,只要每天是充实的,是有进步的,那么都不算虚度!

  后面会更难,只想对自己说“加油,just fighting!”

posted @ 2017-03-10 22:55  大头婧  阅读(232)  评论(0)    收藏  举报