发表于: 2018-08-13 23:59:09
2 730
今天完成的事情:
今天重新写了魔镜任务,布局比以前科学,写代码也有顺序了,不像之前想到哪就写哪,但是感觉哪里不对劲,分辨率调小的话,各种图标就堆到一起了
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width,initial-scale=1.0">
<title>mojing2</title>
<style type="text/css">
body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td{margin:0;padding:0}
body{
background-color: #68cdd5;
}
.header{
margin-top: 20px;
margin-left: 35px;
height: 96px;
}
.content{
text-align: center;
}
.logo{
height: 191px;
/* background-color: red;*/
}
.jieshao{
margin: 0 91px;
height: 369px;
}
.jieshao>p{
font-family: "微软雅黑";
font-size: 29px;
line-height: 53px;
color: #FFFFFF;
}
.footer{
overflow: hidden;
height: 106px;
}
.first{
float: left;
margin-left: 139px;
}
.sencond{
float: right;
margin-right: 123px;
}
.wenzi{
height: 227px;
font-family: "黑体";
font-size: 26px;
color: #FFFFFF;
}
.first1{
float: left;
margin-left: 122px;
}
.sencond2{
float: right;
margin-right: 112px;
}
</style>
</head>
<body>
<div class="header">
<img src="1/jiantou.gif" alt="">
</div>
<div class="content">
<div class="logo">
<img src="1/tubiao.gif" alt="">
</div>
<div class="jieshao">
<p>葡萄藤轻游戏专注于桌游领域,提供在线杀人游戏,捉鬼,炸狼堡等多种聚会游戏,以下线下聚会桌游道具。</p>
</div>
</div>
<div class="footer">
<img src="1/3.gif" alt="" class="first">
<img src="1/4.gif" alt="" class="sencond">
</div>
<div class="wenzi">
<div class="first1">290560933</div>
<div class="sencond2">BJPTTeng</div>
</div>
</body>
</html>
明天计划的事情:
做任务
遇到的问题:
分辨率调小的话,各种图标就堆到一起了
收获:
评论