发表于: 2017-03-23 21:32:42
4 682
今天完成的事情:终于完整的离职了,可以全身心的投入修真大计,后天就要会大武汉了。看到前辈说的,以后只有两件事不能停:呼吸和撸代码!
这几天没有写日报,除了有点忙之外,就是git上传代码还是没有成功,所以task3早就写了,但是没法上传,只好在下面贴出来
明天的计划:请师兄指教,完善task3,继续task4。
遇到的问题:task3写了,但是感觉有很多问题,上代码:。。。(感觉图片不能自适应屏幕,大小不能改变)
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1"/>
<title>魔镜</title>
<style type="text/css">
*{padding: 0;margin: 0;}
body{width:100%;background:#68cdd5}
.header{margin:1em 0 0 1em;}
.logo{width:100%;text-align:center;padding: 3em 0 2em;}
.text{text-align:center;margin:5% 21%; }
.foot{margin: 10em 0;}
.img1{float: left;}
.img2{float: right;}
</style>
</head>
<body>
<div class="header"><img src="task3_03.png">
</div>
<div class="logo"><img src="task3_07.png">
</div>
<div class="text">
<p>葡萄藤轻游戏专注于桌游领域,提供在线杀人游戏,捉鬼,炸狼堡等多种聚会游戏,以及线下聚会桌游道具。</p>
<div class="foot">
<div class="img1"><img src="task3_11.png"></div>
<div class="img2"><img src="task3_14.png"></div>
</div>
</div>
</body>
</html>
效果图:
收获:学会了用PS切图,还有简单的页面布局,但感觉还差很远
评论