发表于: 2017-03-23 21:40:40

2 758


今天完成的事情:

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)这个显示出来怎么不是全屏的问题出在哪里?

收获:

进一步熟悉PSWSGItSVN及服务器的使用

请师兄指点!



返回列表 返回列表
评论

    分享到