发表于： 2017-03-23 21:40:40
2 756
今天完成的事情：
1、重温CSS 浮动，CSS 外边距，了解到Netscape 和 IE 对 body 标签定义的默认边距（margin）值是 8px； 用body{margin:0;}解决了页边有空白问题；.以及clear {clear: both;}，<div></div>的使用；
2、重新学习PS切图，并且重新切图（几个方法都试了一遍）；修改魔镜代码（2.0版）
<!DOCTYPE html>
<html lang="en">
<head>
<title>魔镜</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width; initial-scale=1.0; minimum-scale=1;maximum-scale=1; user-scalable=no;">
<style type="text/css";>
.wrap{width: 100vw;
height: 100vw;
background-color: #79CDCD;
float:left;}
h5 { color: white ;
margin: 11vw 10vw auto 10vw;}
body{margin:0;}
</style>
</head>
<body>
<div class="wrap">
<div style="margin:1.6vw auto auto 5vw;" class="img"><img src="images/1.png" ></div>
<div style="text-align: center;margin:3.6vw auto auto auto;" class="img"><img src="images/2.png" ></div>
<h5 >葡萄藤轻游戏专注于桌游领域，提供在线杀人游戏，捉鬼，炸狼堡等多种聚会游戏，以下线下聚会桌游道具为主。</h5>
<div style="margin: auto auto 18vw 10vw;float:left" class="img"><img src="images/3.png" ></div>
<div style="margin:auto 10vw 18vw auto;float:right" class="img"><img src="images/4.png" ></div>
</div>
</body>
</html>
3、写日报
明天计划的事情：
1、看师兄回复；
2、继续进行任务三
3、写日报；
遇到的问题：
（1）这个显示出来怎么不是全屏的问题出在哪里？
收获：
进一步熟悉PS、WS、GIt、SVN及服务器的使用
请师兄指点！
返回列表
评论