麻烦老师帮我看下作业

来源：2-14 编程练习

Rockets总冠军

2019-05-23 17:01:12

老师您好，我的代码如下，总感觉自己的答案是平凑出来的，是不是一些方便的重要的知识点没有用到，希望老师指正：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style type="text/css">
    /*此处写代码*/
    *{
       margin:0;
       padding:0;
    }
    .container{
       width:1000px;
       height:400px;
        position:absolute;
        top:0;
        left:0;
        right:0;
        bottom:0;
        margin:auto auto;
    }
    .top{
       width:100%;
       height:265px;
       background:rgb(177,216,230);
    }
    .top img.i1{
        margin-left:100px;
        margin-top:25px;
        margin-bottom:25px;
    }
    .top img.i2{
       float:right;
        margin-right:100px;
        margin-top:25px;
        margin-bottom:25px;
    }
    .bottom{
       width:100%;
       height:34%;
       background:pink;
    }
    .i3{
       float:left;
       margin-top:38px;
       margin-left:110px;
       margin-right:45px;
    }
    .i4{
       float:left;
       margin-top:38px;
       margin-left:45px;
       margin-right:45px;
    }
    .i5{
       float:right;
       margin-top:38px;
       margin-left:45px;
       margin-right:110px;
    }
</style>
</head>
<body>

<div class="container">
   <div class="top">
       <img class="i1" src="http://climg.mukewang.com/58c0f808000129a303600215.jpg"/>
       <img class="i2" src="http://climg.mukewang.com/58c0f819000198a703600214.jpg"/>
   </div>
   <div class="bottom">
       <img class="i3" src="http://climg.mukewang.com/58c0f81d0001fe4402000060.jpg"/>
       <img class="i4" src="http://climg.mukewang.com/58c0f8220001dfce02000060.jpg"/>
       <img class="i5" src="http://climg.mukewang.com/58c0f8780001c74602000060.jpg"/>
   </div>
</div>
</body>
</html>