*{
    margin: 0;
    padding: 0;
/* 让你表示的更标准，消除默认样式的影响             */
}
.leftfix{
    float: left;
}
.rightfix{
    float: right;
}
.clearfix::after{
/* 表示消除浮动     ,后学        */
content:'';
display:block;
clear:both;

}
.ct{
    width: 960px;
/* 下面两个不要写，它是由内容撑开的             */
    
    margin: 0 auto;
    
    text-align: center;
/* margin使版心居中             */
}
.log{
    width: 200px;
/* 高和背景都一样可以删掉             */
    
}
.banner1{
    width: 540px;
    margin: 0 10px;
    
}
.banner2{
    width: 200px;
   
}
/* 高和背景都一样可以删掉  ，放在一起            */
.log,.banner1,.banner2{
    height: 80px;
    line-height: 80px;
    background-color: #ccc;
}
.menu{
    height: 30px;
    background-color: #ccc;
    margin-top: 10px;
    line-height: 30px;
}
.item1,.item2{
    width: 368px;
    height: 198px;
    line-height: 198px;
    border: 1px black solid;
    float: left;
    margin-right: 10px;
/* 里面的leftfix好像没用             */
}
.content{
    margin-top: 10px;
    
}
.item3,.item4,.item5,.item6{
    float: left;
    width: 178px;
    height: 198px;
    line-height: 198px;
    border: 1px black solid;
    margin-right: 10px;
}
.bottom{margin-top: 10px;
}
.item7,.item8,.item9{
    
    width: 198px;
    height: 128px;
    line-height: 128px;
    border: 1px black solid;
    }
/* 上面不能写margin-right: 10px;，不然会导致margin塌陷问题             */
    .leftrightfix{float: right;

    }
    .item8{
        margin: 10px 0;
    }
 
    .footer{
        height: 60px;
        background-color: #ccc;
        margin-top: 10px;
        line-height: 60px;
    }