• 手机版

    扫码体验手机版

  • 微信公众号

    扫码关注公众号

国内首家协议开发

软芯音视解码保护平台

在线
客服

发布
需求

在线
聊天

天盟
APP

天盟APP下载

关注
微信

微信扫一扫访问
顶部

练习写完了,有大神愿意看看有没有要优化的地方

无标题文档





  *{margin:0;
    padding:0;
   }
   body{font-family:"微软雅黑";}
   .content{
          width:1000px;
          margin:0 auto;
        }
        .top{
          width:1000px;
          height:70px;
          margin:3px 0;
        }
        .top-left{
          width:200px;
          float:left;       
        }
        .top-right{
          float:left;
        }
        .top-right li{
          list-style:none;
          float:left;
        }
        .top-right li a{
          text-decoration:none;
          color:#000;
          display:block;
          margin:0 13px;
          width:100px;
          font-size:20px;
          text-align:center;
          line-height:70px;
        }
        .top-right li a:hover{
          text-decoration:none;
          color:#fff;
          background-color:#c93849;
        }
        .ad{
          height:310px;
        }
        .mid-title{
          font-size:18px;
          height:40px;
          line-height:40px;
          color:#fff;
          margin:20px 0;
        }
        .mid-title-left{
          float:left;
          background-color:#c93849;
          width:150px;
          text-align:center;
          
        }
        .mid-title-right{
          float:left;
          background-color:#333;
          width:850px;
        }
        .mid-title-right a{
          color:#fff;
          text-decoration:none;
          
        }
        .mid-box{
          width:1000px;
          height:151px;
        }
        .mid-box a:link,.mid-box a:visited{
                color:#333;
                text-decoration:none;
        }
        .mid-box a:hover,.mid-box a:active{
                color:#c93849;
                text-decoration:none;
        }
        .mid-box1{
          float:left;
        }
        .mid-box2{
          float:left;
          margin:0 5px;
        }
        .mid-box3{
          float:left;
        }
        .mid-box-text{
          border:1px solid #CCC;
          text-align:center;
          font-size:14px;
        }
        .main{
          width:1000px;
          height:261px;
          margin:20px 0 5px 0;
          font-size:14px;
        }
        .main-box1{
         width:330px;
         float:left;
        }
        .main-box2{
         width:330px;
         float:left;
         margin:0 5px;
        }
        .main-box3{
         width:330px;
         float:left;
        }
        .main h3 {
          padding-left:20px;
          background-color:#c93849;
          font-size:16px;
          font-weight:normal;
          
          height:40px;
          line-height:40px;
        }
        .main h3 a{
          color:#fff;
          text-decoration:none;
        }
        .main-box1 ul{
                border:1px solid #ccc;
               
        }
        .main-box1 li{
               
                list-style:none;
               
                border-bottom:1px solid #ccc;
        }
        .main-box1 .data{
                float:left;
               
                background-color:#c93849;
                color:#fff;
                margin:0 5px;
                height:38px;
        width:32px;
        text-align: left;
        border-radius: 4px;
                padding:5px 5px;
                margin-top:5px;
        }
        .main-box1 h4{
                margin-bottom:5px;
        }
        .mian-box-text{
          margin:5px auto;
               
        }
        .mian-box-text a:link,.mian-box-text a:visited{
                color:#333;
                text-decoration:none;
        }
        .mian-box-text a:hover,.mian-box-text a:active{
                color:#c93849;
                text-decoration:none;
        }
        .main-box2 ul{
                border:1px solid #ccc;
               
        }
    .main-box2 img{
           width:328px;
                height:150px;
        }
        .main-box2 li{
                list-style:none;
                margin:3px auto;
        }
        .list li a:link,.list li a:visited{
                color:#333;
                text-decoration:none;
        }
        .list li a:hover,.list li a:active{
                color:#c93849;
                text-decoration:none;
        }
        .main-box3 .p{
                border:1px solid #ccc;
                padding:5px 10px;
        }
        .bottom{
               
           background-color:#CCC;
                width:1000px;
                height:60px;
                text-align:center;
                line-height:80px;
        }






   
      


      
         

      

      

      
        


        
         

                

  •             

  •             

  •          

        

      

      
          滚动新闻

          这是滚动新闻

      

      
         
              


              玩转BootStrap

         

         
              


              企业网站案例

         

         
              


              JavaScript基础

         

      

      
         
             新闻中心


            

         

         
             热门活动


            

         

         
             联系我们


             讲师招募
邹同学
电话:18911888156
QQ:576264119
E-mail:daisy@imooc.com


             网站合作
昌同学
电话:132261771103
QQ:1059809142
E-mail:livang@imooc.co


         

      

      
          Copyright  2013 imooc.com All Rights Reserved 京ICP备 13046642号-2

免责声明:本内容仅代表回答会员见解不代表天盟观点,请谨慎对待。

版权声明:作者保留权利,不代表天盟立场。

使用道具 举报

全部参与1

这么长还没有代码框,真的很累的~

使用道具 举报

发新帖

发布任务需求已有1031168位用户正在使用天盟网服务

发布分类: *
任务预算: *
需求内容: *
手机号码: *
任务商家报价为
  • 预算价 :
  • 成交价 :
  • 完工期 :
  • 质保期 :

* 最终任务项目以服务商报价、双方协商为准!