发表于： 2017-07-27 22:48:55
3 531
今天完成的事情：
1、学习了如何用Photoshop切图
2、学习了xp、em、rem的概念和用法
3、完成任务三，并上传代码
明天计划的事情：
学习任务四
遇到的问题：
1、刚开始尝试用{margin：0 auto;}居中logo，可是效果一直不行，后来用{text-align:center;}实现了效果。经查，margin使用于有宽度设置的居中，而text-align是标签内元素居中。
同理，最下面两个图标下的文字，也使用这一方法与图标进行对其。
2、通过设置<div>属性：width:20%，<img>属性：width:100%，可以让图片随屏幕缩放，但是下方的字却不能实现这个效果，如下图：
占时没有想到方法。
收获：
1、使用Photoshop切图，同时学习了图层的概念，切片工具的使用，取色，用选框工具来测量大小距离等
2、知道了text-align:center和margin:0 auto的用法区别
3、对css布局有了进一步了解
返回列表
评论