发表于： 2018-10-03 23:36:37
1 591
今天完成的事情:今天马上完成了任务三差最后一步，把图片的img调小就完成了。用到了好多之前不怎么了解的如css浮动定位，css水平居中，css margin-top 属性， css class归类，块级元素：block element，和<P>标签，行级元素：display:inline。还有之前学到的想，内边距，外边距，加背景颜色等。
明天计划的事情：完成任务三，开任务四。
遇到的问题：有很多的单位只知道他叫什么 但不了解他能怎么用
收获：
<!doctype html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport"
content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
<link rel="stylesheet" href="../css/task3.css">
<title>Document</title>
</head>
<body >
<div class="header">
<img src="../img/task3.1.png" />
</div>
<div class="logo" >
<img src="../img/task3.4.png" /></div>
<div class="content">
<p>葡萄藤轻游戏专注于桌游领域，提供在线杀人游戏，捉鬼炸狼堡等多种聚会游戏，以下线下聚会桌游道具。</p>
</div>
<div class="bottom1"> <img src="../img/task3.2.png" />
<p>22222222</p>
</div>
<div class="bottom2">
<img src="../img/task3.3.png" />
<P>BJPTTeng</P>
</div>
</body>
body {background-color:#68cdd5;}
.header img{ width:59px;
height: 57px;
}
.logo {
text-align: center;
margin: 20px 0;
}
.logo img{
height: 50px;
width: 181px;
}
.content {
text-align: left;
font-size: 25px;
color: #ffffff;
margin: 150px 50px;
}
.bottom1 img{
margin: 50px 50px;
width:70px;
}
.bottom2 img{
margin: 50px 50px;
width:70px;
}
.bottom1{
width: 50%;
display:inline-block;
float:left;
text-align: center;
color: #ffffff;
}
.bottom2{
width: 50%;
display:inline-block;
text-align: center;
color: #ffffff;
}
返回列表
评论