任务3,完成

这次按照师兄和老大的学习方法,先自己试着敲任务3的代码,记下自己不会或不太懂的地方,然后找师兄姐们提交的代码进行对比,发现不一样的地方再进行理解,如果实在理解不了就找度娘,hahaha又get到一个不错的学习方法

  

一、今天完成的事

   1、任务3代码敲写

   2、任务3代码学习

   3、任务3代码提交

 

二、遇到的问题

   1、logo没办法居中,text-align也不行?

        要使某段文字或者某个图片居中,首先文字和图片必须处于某个盒子中,之后text-align:center才能生效。所以在最外层加上了一个容器。<div class="wrap"></div>

   2、如何清除浏览器原有的margin,padding值?

        *{margin:0;padding:0;}

 

三、明天计划的事

   1、任务4切图

   2、缕清任务4代码思路

 

四、学到的知识(收获)

   1、在网页中我们经常看见body{font-size: 62.5%;}这样的设置,为什么偏偏是62.5%呢?

      这主要是为了方便em与px相互转换,em的初始值为1em=16px,显然这样的话,如1.2em则=19.2px,可是我们在设置的时候很少看见19.2px这样表示的大小,也就是在用px表示大小时数值是不带小数位的。当设置了body{font-size: 62.5%;}时,1em则=16px*62.5%=10px,1.2em则=12px,这是不是就简单多了,准确多了呢~~

 

   2、为什么手机端的自适应是640px呢?

     设计图一般是640px,这样相当于100px=1rem,可以方便计算;

     因为是640px,所以应限制下页面的大小,所以最外层的盒子应该是:

        position:relative;

        width:100%;

        max-width:640px;

        min-width:320px;

        margin:0 auto;

    

posted @ 2017-03-23 07:15  行走de猫  阅读(151)  评论(0编辑  收藏  举报