发表于: 2016-05-27 22:25:22
1 1410
今天完成的事情:安装了PS,看了下切图的教程,完成task3,
明天计划的事情:服务器还没申请,想的是申请个独立的服务器后来想想新手啥也不会 先在 这里申请下试试水,自己先搭建下回来再申请个域名弄个独立的。。。明天代码上传github试试,准备task4....
遇到的问题:以下
收获:1.绝对定位与相对定位,绝对定位是脱离文档流的,相对定位是不脱离文档流的,绝 对定位的 top、left、right、bottom会以最近的相对定位的祖先元素为基准进行偏移 的,所以task3中,比如头部元素,我的思路是小图标建一个div,然后放到div头部中,但是如果这样的话小图标所在的div必然要脱离文档流,所以在写小图标时都是用的绝对定位,父盒子用的相对定位。
但是这样就有一个问题,如果设置成绝对定位的话,父盒子的高度就没有了,导致图 片撑不起来父盒子,之前有看到师兄的日报中说用padding撑起盒子的高度,于是就都 用padding撑起了。
2.margin:0 auto可以是块状元素居中,在慕课上看到的说是其实auto的值其实是左右各除以2的,所以不论宽度或是margin-top、margin-bottom,都是左右相等的所以auto的情况下块状元素居中。
3.padding、margin,之前一直以为padding、margin的值就是以盒子的宽和高来计算 的,比如padding-top,padding-bottom,就是按照高度来计算的,task3中按照psd图上面的测量计算出来的结果在网页中显示的差得好多,百度发现原来padding和margin的值是以父盒子的宽度来计算 的,比如div.b在div.a的容器中,则b中的padding:10%,就是a的width*10%;上下左右都是这样计算的,所以之前理解的有偏差。
4.切图,切图的时候要保存为png-24的,png-8的会有毛边!!!!!
还是看图吧。。。。
评论