发表于： 2017-07-26 22:55:09
1 526
今天完成的事情：下载好PS，把任务3需要的图片素材切了下来（顺便看了下任务页面背景色号）。着手解决任务3，根据自己的构思，把背景填充了，几个logo用百分比定位和百分比大小（这样图片缩放放大就不会变形），基本大致和魔镜页一致，还需请教师兄处理细节问题。
还学习了如何让元素居中
text-align: center;
最开始任务三的居中文字喝葡萄藤Logo我用的是positio：absolute，看了师兄给的demo后，才觉得其实用最简单的text-align:center就行。
如何让图片缩放放大不变型的问题查了下资料，只要把图片height写成auto后，在样式里用百分比width就能实现图片比例参照网页，而不会造成变形。
<img src="图片地址"width="100%" height="100%"/>
请教了群里的师兄添加元素名的问题，后来才知写多个元素最好采用嵌入样式。
明天计划的事情：把任务二提交了，开始完成剩下对任务3魔镜页细节的修改，报名线下。
收获：做之前的九宫格，到现在魔镜页，仔细想了其实魔镜页就是几个Logo和一段文字，其实几个图片元素也是盒子，学习了定位后设置了Logo位置和大小，保证图片不变型，最后把背景颜色填充，任务三也就解决的差不多了。也认识到了很多基础只是看了，用的时候根本没有想到，还是要恶补下基础！
返回列表
评论