前端静态开发案例-基于H5C3开发的仿照视频网站的前端静态页面-2 样式表部分和效果展示

原创作者:田超凡(程序员田宝宝)

版权所有,引用请注明原作者,严禁复制转载

@charset "utf-8";

/* 程序员田宝宝原创版权所有,仿冒必究,该界面是仿照某视频网站官网开发的静态页面 */

div,ul,li,h3,h2,p,h4,dl,dt,dd{

    margin:0px;

    padding:0px;

}

#Focus #top{

    border-bottom:2px solid green;

    width:395px;

    height:38px;

    position:relative;

    font-family:"Microsoft YaHei";

}

#Focus #top h3{

    font-size:26px;

    margin-top:3px;

    font-weight:normal;

    width:300px;

}

#Focus #top p{

    font-size:15px;

    width:50px;

    position:absolute;

    bottom:6px;

    left:110px;

}

#Focus #top{

    color:green;

}

#Focus #middle h2{

    font-weight:normal;

    font-size:21px;

    padding:22px 15px 9px;

    width:360px;

    margin-left:8px;

}

#Focus #middle ul li{

    list-style-type:none;

    padding:5px;

    padding-left:17px;

    width:380px;

    background:url(图片素材/捕获.PNG) 0px 6px no-repeat;

    text-indent:6px;

    font-size:17px;

}

#Focus{

    width:395px;

    height:450px;

    float:left;

}

#Focus #bottom{

    overflow:hidden;

}

#Focus #bottom #left{

    margin-top:7px;

    margin-left:5px;

    float:left;

}

#Focus #bottom #right{

    margin-top:7px;

    float:left;

    margin-left:22px;

}

#Focus #bottom h2{

    font-size:14px;

    font-weight:normal;

    padding:8px;

    background-color:#EFEFEF;

    width:168px;

    padding-left:5px;

    margim-right:5px;

}

#Focus2{

    width:385px;

    height:450px;

    float:left;

    margin-left:10px;

    margin-right:15px;

}

#no1{

    width:1420px;

    overflow:hidden;

    margin:0px auto;

    font-family:"Microsoft YaHei";

}

#Focus2 #jui{

    position:absolute;

    bottom:0px;

    padding:9px;

    padding-left:48px;

    width:322px;

    color:white;

    margin-bottom:0px;

    z-index:1;

    background:url(图片素材/img4.PNG) 5px 5px no-repeat;

}

#Focus2 #top{

    position:relative;

    margin-bottom:10px;

    margin-left:3px;

}

#Focus2 #suv{

    height:38px;

    width:380px;

    position:absolute;

    bottom:0px;

    background-color:black;

    opacity:0.5;

    filter:alpha(opacity=50);

}

#Focus2 #bottom ul li{

    list-style-type:none;

    padding:6px;

    padding-left:17px;

    width:380px;

    background:url(图片素材/捕获.PNG) 0px 6px no-repeat;

    text-indent:6px;

    font-size:17px;

}

#Focus3 ul{

    list-style-type:none;

    float:left;

    font-size:15px;

    margin-left:7px;

}

#Focus3 ul li{

    margin-right:8px;

}

#Focus3 #end li{

    margin-right:0px;

}

#Focus3 ul .txt{

    padding:7px 5px 5px 5px;

    margin-bottom:20px;

    background-color:#EFEFEF;

    width:170px;

    font-size:12px;

}

.tab{

    background-color:#EFEFEF;

}

#no2{

    width:1200px;

    height:500px;

    margin-top:28px;

    float:left;

    font-family:"Microsoft YaHei";

}

#no2 #area1{

    width:1200px;

    border-bottom:2px solid green;

}

#no2 #area1 h3{

    font-size:30px;

    font-weight:normal;

    width:395px;

    color:green;

    position:relative;

    padding-top:8px;

    height:37px;

    padding-left:30px;

    background:url(图片素材/icon1.PNG) 0px 3px no-repeat;

}

#no2 #area1 p{

   font-size:15px;

   width:50px;

   position:absolute;

   bottom:9px;

   left:100px;

   color:green;

}

#no2 #area1 h3 ul{

    position:absolute;

    width:300px;

    bottom:8px;

    left:165px;

    list-style-type:none;

    font-size:15px;

    overflow:hidden;

}

#no2 #area1 h3 ul li{

    float:left;

    padding-right:27px;

    color:black;

}

#no2 #area2 #left #top{

    background:url(图片素材/8b7ce74cdb274e92ba6eb75bbc528ead.jpg) 0px 0px no-repeat;

    width:380px;

    height:270px;

    margin-top:25px;

    position:relative;

}

#no2 #area2 #left #under h3{

    font-size:17px;

    font-weight:normal;

    padding:5px;

    padding-top:5px;

}

#no2 #area2 #left #under p{

    padding-left:5px;

    font-size:12px;

}

#no2 #area2 #left .rule{

    width:56px;

    background-color:black;

    opacity:0.5;

    filter:alpha(opacity=50);

    color:white;

    font-size:14px;

    position:absolute;

    bottom:2px;

    right:2px;

    border-radius:5px;

}

#no2 #area2 #left{

    float:left;

}

#area2{

    overflow:hidden;

    width:1200px;

    height:350px;

}

#no2 #area2 #right{

    overflow:hidden;

    height:323px;

    float:left;

    margin-left:23px;

    width:792px;

    margin-top:25px;

}

#no2 #area2 #right h3{

    font-weight:normal;

    padding:6px 0px 2px 5px;

    font-size:17px;

}

#no2 #area2 #right p{

    font-size:12px;

    padding-left:7px;

    margin-bottom:22px;

}

#no2 #area2 #right ul{

    float:left;

    list-style-type:none;

    padding:0px;

    margin-right:22px;

}

#no2 #area2 #right #lEnd{

    margin:0px;

}

#artical{

    width:1422px;

    height:450px;

    overflow:hidden;

    margin:0px auto;

   

}

#no3{

    width:190px;

    height:550px;

    float:left;

    margin-left:11px;

    font-family:"Microsoft YaHei";

    position:relative;

    top:-5px;

}

#no3 #top h2{

    font-size:30px;

    color:green;

    font-weight:normal;

    padding-left:23px;

    background:url(图片素材/icon1.PNG) 0px 5px no-repeat;

    margin-top:27px;

    padding-top:7px;

    padding-bottom:4px;

    border-bottom:2px solid green;

}

#no3 #top p{

    position:relative;

    left:155px;

    top:-24px;

    width:40px;

    color:green;

    font-size:15px;

}

#no3 #bottom{

    margin-top:6px;

}

#no3 #bottom ul li{

    list-style-type:none;

    font-size:17px;

    padding:7px 15px;

    width:190px;

    background:url(图片素材/icon12.PNG) -5px 2px no-repeat;

}

#no3 #bottom h4{

    padding:10px 5px 15px;

    font-weight:normal;

    font-size:17px;

    width:200px;

}

#selfArt{

    width:1416px;

    overflow:hidden;

    font-family:"Microsoft YaHei";

    margin:0px auto;

    margin-bottom:30px;

}

#selfArt h3{

    font-size:30px;

    font-weight:normal;

    width:1422px;

    color:green;

    position:relative;

    padding-bottom:7px;

    border-bottom:3px solid #DDD;

}

#selfArt h3 p{

    font-size:15px;

    width:60px;

    position:absolute;

    bottom:12px;

    left:125px;

}

#selfArt h3 ul{

    list-style-type:none;

    font-size:15px;

    color:black;

    position:absolute;

    bottom:13px;

    left:210px;

}

#selfArt h3 ul li{

    float:left;

    width:120px;

}

#selfArt h3 .ru{

    width:100px;

}

#selfArt #showImage .button{

    background-color:#DDFBDD;

    border:1px solid green;

    padding:0px;

    font-size:13px;

    cursor:pointer;

}

#selfArt #showImage .sou{

    width:180px;

    height:101px;

    padding:0px;

}

#selfArt #showImage li{

    list-style-type:none;

    width:170px;

    line-height:25px;

    font-size:13px;

}

#selfArt #showImage ul{

   width:180px;

   float:left;

   margin-right:22px;

   margin-top:15px;

}

#selfArt #showImage ul li{

   width:165px;

   padding:0px 8px;

}

#selfArt #showImage ul #sv{

   width:170px;

}

#speak h3{

    font-size:30px;

    font-weight:normal;

    width:1422px;

    color:green;

    position:relative;

    padding-bottom:7px;

    border-bottom:3px solid #DDD;

}

#speak h3 p{

    font-size:15px;

    width:60px;

    position:absolute;

    bottom:12px;

    left:95px;

}

#speak h3 #re{

    list-style-type:none;

    font-size:15px;

    color:black;

    position:absolute;

    bottom:13px;

    left:160px;

}

#speak{

    width:1422px;

    font-family:"Microsoft YaHei";

    margin:0px auto;

}

#jum{

    overflow:hidden;

}

#speak #jum ul{

   float:left;

   list-style-type:none;

   padding:0px;

   margin-right:22px;

   margin-top:15px;

}

#jum .txt1{

    padding:6px 5px;

}

#jum h4{

    font-weight:normal;

}

#jum p{

    font-size:12px;

}

#goto{

    width:1422px;

    height:80px;

    position:relative;

    top:25px;

    margin-top:20px;

    margin-bottom:120px;

}

#happy{

    width:1422px;

    overflow:hidden;

    font-family:"Microsoft YaHei";

    margin:0px auto;

}

#happy #left{

    float:left;

}

#happy #left #description{

    width:372px;

    padding:7px 0px 7px 5px;

}

#happy #left h3{

    font-size:17px;

    font-weight:normal;

}

#happy #left p{

    font-size:12px;

}

#happy #right{

    float:left;

    width:1038px;

    height:323px;

}

#happy #right ul{

    list-style-type:none;

    width:180px;

    float:left;

    margin-left:22px;

    margin-bottom:17px;

}

#happy #right ul li{

    font-size:14px;

    width:180px;

    line-height:20px;

}

#happy #right ul .txt2{

    width:170px;

    margin-left:5px;

    padding-bottom:5px;

}

#happy h2{

    font-size:30px;

    height:30px;

    font-weight:normal;

    width:1422px;

    color:green;

    position:relative;

    padding-bottom:7px;

    border-bottom:1px solid green;

    padding-left:20px;

    margin-bottom:25px;

}

#happy h2 p{

    font-size:15px;

    position:absolute;

    bottom:5px;

    left:85px;

}

#happy h2 ul{

    overflow:hidden;

    position:absolute;

    bottom:5px;

    left:143px;

}

#happy h2 ul li{

    list-style-type:none;

    font-size:15px;

    color:black;

    padding-left:13px;

    padding-right:13px;

    float:left;

}

#happy h2 ul #jar{

    width:90px;

}

#full{

    margin:0px auto;

    font-family:"Microsoft YaHei";

}

#like{

    width:1420px;

    height:380px;

    margin:0px auto;

    position:relative;

    top:25px;

}

#like h2{

    font-size:30px;

    height:45px;

    color:green;

    font-weight:normal;

    padding-left:17px;

    position:relative;

    border-bottom:1px solid green;

    margin-bottom:20px;

}

#like h2 p{

    font-size:15px;

    font-weight:normal;

    width:50px;

    position:absolute;

    bottom:8px;

    left:143px;

}

#like h2 ul li{

    color:black;

    list-style-type:none;

    font-size:15px;

    font-weight:normal;

    width:70px;

    padding-right:20px;

    float:left;

}

#like h2 ul{

    position:absolute;

    bottom:7px;

    left:215px;

}

#like h2 ul #times{

    width:100px;

}

#like #video{

   overflow:hidden;

}

#like h4{

  font-weight:normal;

  font-size:15px;

  padding:3px 5px;

}

#like #video ul li{

   list-style-type:none;

}

#like #video ul{

   width:180px;

   float:left;

   margin-right:22px;

   margin-bottom:17px;

}

#like #video #sec{

   clear:both;

}

#like #video p{

   font-size:12px;

   padding-left:5px;

   padding-bottom:5px;

}

#like #video ul #yar{

  width:180px;

}

#like #video #cek h4{

  font-size:23px;

  color:white;

  padding-left:10px;

  margin-top:50px;

  position:relative;

  top:52px;

}

#iqiyi{

    width:1420px;

    margin:0px auto;

    margin-top:25px;

    overflow:hidden;

}

#iqiyi h2{

  font-size:30px;

  height:45px;

  color:green;

  font-weight:normal;

  padding-left:17px;

  position:relative;

  border-bottom:1px solid green;

  margin-bottom:20px;

}

#iqiyi h2 p{

    font-size:15px;

    font-weight:normal;

    width:50px;

    position:absolute;

    bottom:8px;

    left:143px;

}

#iqiyi #video2 ul li{

   list-style-type:none;

}

#iqiyi #video2 h4{

   font-size:15px;

   font-weight:normal;

   padding-left:3px;

   width:184px;

}

#iqiyi #video2 p{

   font-size:12px;

   padding-left:5px;

}

#iqiyi #video2 ul{

   width:180px;

   float:left;

   margin-right:22px;

   margin-bottom:5px;

}

#payShow{

    position:relative;

    top:35px;

    width:1420px;

    height:185px;

    margin:0px auto;

}

#payShow #iconT{

   height:18px;

   font-size:13px;

   width:90px;

   padding:2px 0px;

   text-align:center;

   background-color:#50CA31;

   color:white;

   border-radius:4px;

}

#payShow ul{

   width:170px;

   float:left;

   list-style-type:none;

   margin-right:22px;

   margin-top:10px;

}

#payShow #fir{

   margin-left:40px;

}

#payShow ul li{

   margin-top:0px;

   height:100px;

}

#payShow #showIcon{

   border-top:1px solid green;

   border-bottom:1px solid green;

   overflow:hidden;

   height:160px;

}

#movie{

   width:1190px;

   margin-left:0px;

   overflow:hidden;

   float:left;

   height:660px;

}

#movie h2{

    font-size:30px;

    font-weight:normal;

    color:green;

    border-bottom:2px solid green;

    height:45px;

    position:relative;

    padding-left:15px;

}

#movie h2 p{

    font-size:15px;

    width:50px;

    position:absolute;

    bottom:8px;

    left:82px;

}

#movie h2 ul li{

    list-style-type:none;

    width:200px;

    font-size:15px;

    color:black;

    float:left;

    width:90px;

    text-align:center;

    padding:0px 12px;

}

#movie h2 ul{

    position:absolute;

    bottom:8px;

    left:145px;

}

#movie h2 ul #rar{

    width:190px;

}

#movie h2 ul #jav{

    width:60px;

}

#movie #showImg1 ul{

    list-style-type:none;

    width:180px;

    float:left;

    margin-right:22px;

    margin-bottom:15px;

}

#movie #showImg1 .sup{

    margin-right:0px;

}

#movie #showImg1 h4{

    font-size:15px;

    font-weight:normal;

    padding-left:3px;

    padding-top:6px;

}

#movie #showImg1 p{

    font-size:12px;

    padding-left:3px;

    padding-bottom:3px;

}

#movie #showImg1 .txt3{

    padding-left:3px;

    padding-bottom:3px;

    margin-top:0px;

}

#movie #showImg1{

    margin-top:25px;

}

#movie #showImg1 .image1{

   height:235px;

}

#movieFull{

    overflow:hidden;

    width:1420px;

    height:660px;

    position:relative;

    top:85px;

    margin-bottom:15px;

    margin:0px auto;

}

#showMovie{

   width:180px;

   float:left;

   margin-left:22px;

   margin-top:0px;

}

#showMovie h2{

    font-size:30px;

    font-weight:normal;

    padding-left:20px;

    color:green;

    position:relative;

    height:45px;

    border-bottom:2px solid green;

}

#showMovie h2 p{

   font-size:15px;

   width:50px;

   position:absolute;

   bottom:9px;

   right:11px;

}

#showMovie ul li{

   list-style-type:none;

   height:24px;

   position:relative;

   padding:4px 0px 4px 27px;

   font-size:15px;

}

#showMovie ul{

   margin-top:19px;

}

#showMovie ul p{

   width:22px;

   height:22px;

   text-align:center;

   position:absolute;

   background-color:#999;

   left:0px;

   color:white;

   border-radius:3px;

}

#showMovie ul .info1{

   background-color:#50CA31;

}

#showMovie #showImg2{

   margin-top:12px;

}

#showMovie #showImg2 h4{

    font-size:15px;

    font-weight:normal;

    padding-left:3px;

    padding-top:6px;

    background-color:#EFEFEF;

}

#showMovie #showImg2 p{

    font-size:12px;

    background-color:#EFEFEF;

    padding-bottom:5px;

}

#interMovie{

    width:1420px;

    overflow:hidden;

    margin:0px auto;

    margin-top:100px;

}

#interMovie #left h2{

    font-size:30px;

    font-weight:normal;

    color:green;

    position:relative;

    height:45px;

    border-bottom:2px solid green;

}

#interMovie #left h2 p{

    font-size:15px;

    width:50px;

    position:absolute;

    bottom:8px;

    left:128px;

}

#interMovie #left{

    width:585px;

    float:left;

}

#interMovie #left h2 ul li{

    list-style-type:none;

    width:200px;

    font-size:15px;

    color:black;

    float:left;

    width:95px;

    text-align:center;

    padding-left:10px;

}

#interMovie #left h2 ul{

    position:absolute;

    bottom:8px;

    left:190px;

}

#interMovie #left #showImg3{

    overflow:hidden;

}

#interMovie #left #showImg3 ul{

    float:left;

    width:180px;

    margin-right:22px;

    list-style-type:none;

    margin-top:18px;

}

#interMovie #left #showImg3 ul li{

   padding:7px 0px 5px 5px;

   width:175px;

   height:20px;

   background-color:#EFEFEF;

}

#interMovie #right #showImg4 ul li{

    padding:7px 0px 5px 5px;

    width:179px;

    height:20px;

    background-color:#EFEFEF;

}

#interMovie #left #showImg3 #sub1{

    margin-right:0px;

}

#interMovie #left #showImg3 .txt4{

    font-size:15px;

}

#interMovie #left #showImg3 .image2{

    height:101px;

    width:180px;

    padding:0px;

}

#interMovie #right{

    width:785px;

    float:left;

    margin-left:20px;

}

#interMovie #right h2{

    font-size:30px;

    font-weight:normal;

    color:green;

    position:relative;

    height:45px;

    border-bottom:2px solid green;

}

#interMovie #right h2 p{

    font-size:15px;

    width:50px;

    position:absolute;

    bottom:8px;

    left:68px;

}

#interMovie #right #con1{

    width:170px;

    color:black;

    position:absolute;

    left:140px;

}

#interMovie #right #showImg4 ul{

    width:180px;

    list-style-type:none;

    float:left;

    margin-right:22px;

    margin-top:18px;

}

#interMovie #right #showImg4{

    width:790px;

}

#interMovie #right #showImg4 li{

    font-size:15px;

}

#interMovie #right #showImg4 .txt5{

    padding-top:6px;

    height:28px;

}

#interMovie #right #showImg4 .image3{

    height:101px;

    width:180px;

    padding:0px;

}

#interMovie #right #showImg4 #jia{

    height:20px;

}

#interMovie #right #showImg4 #su1{

    margin-right:0px;

}

#payShow2{

    width:1420px;

    margin-top:40px;

    height:80px;

    margin-bottom:50px;

}

#soapShow{

    width:1420px;

    height:640px;

    overflow:hidden;

    margin:0px auto;

}

#soapShow #left{

    width:1192px;

    float:left;

}

#soapShow #left h2{

    font-size:30px;

    font-weight:normal;

    color:green;

    border-bottom:2px solid green;

    height:45px;

    position:relative;

    padding-left:20px;

    width:1173px;

}

#soapShow #left h2 p{

    font-size:15px;

    width:50px;

    position:absolute;

    bottom:7px;

    left:120px;

}

#soapShow #left h2 ul li{

    list-style-type:none;

    font-size:15px;

    color:black;

    width:55px;

    float:left;

}

#soapShow #left h2 .sufo{

    width:75px;

}

#soapShow #left h2 ul{

    position:absolute;

    bottom:7px;

    left:200px;

}

#soapShow #left #soap ul{

    float:left;

    width:180px;

    margin-bottom:15px;

    list-style-type:none;

}

#soapShow #left .ru2{

    margin-right:22px;

}

#soapShow #left #soap ul li{

   width:180px;

   font-size:15px;

   height:28px;

   padding:7px 0px 5px 5px;

}

#soapShow #left #soap ul .pto1{

   height:236px;

   padding:0px;

}

#soapShow #soap{

   overflow:hidden;

   margin-top:25px;

   width:1190px;

}

#soapShow #right{

   width:187px;

   float:left;

   margin-left:22px;

}

#soapShow #right h2{

   font-size:30px;

   color:green;

   font-weight:normal;

   height:45px;

   width:167px;

   position:relative;

   padding-left:20px;

   border-bottom:2px solid green;

}

#soapShow #right h2 p{

   font-size:15px;

   position:absolute;

   bottom:7px;

   left:145px;

}

#soapShow #right ul li{

   list-style-type:none;

   position:relative;

   padding:8px 30px;

   font-size:15px;

}

#soapShow #right ul p{

   width:22px;

   height:22px;

   text-align:center;

   position:absolute;

   top:9px;

   left:0px;

   border-radius:2px;

   background-color:#999;

   color:white;

}

#soapShow #right ul .green{

   background-color:#50CA31;

}

#soapShow #right ul{

   margin-top:15px;

}

#soapShow #right #image4 ul li{

   list-style-type:none;

   padding:0px;

}

#soapShow #right #image4 #intro{

   font-size:15px;

   padding:7px 0px 5px 5px;

   width:180px;

   height:30px;

}

#soapShow #right #image4 ul{

   margin-top:10px;

}

#payShow3{

   position:relative;

   top:25px;

   margin:0px auto;

   width:1420px;

}

#payShow3 h3{

   height:18px;

   font-size:13px;

   width:90px;

   padding:2px 0px;

   text-align:center;

   background-color:#50CA31;

   color:white;

   border-radius:4px;

   font-weight:normal;

}

#payShow3 #play1 ul{

   width:170px;

   float:left;

   list-style-type:none;

   margin-right:22px;

   margin-top:10px;

}

#payShow3 #play1{

   border:1px solid green;

   overflow:hidden;

   width:1420px;

   height:170px;

   margin:0px auto;

}

#payShow3 #play1 #woty1{

   margin-left:30px;

}

#cartoon h2{

   font-size:30px;

   font-weight:normal;

   color:green;

   border-bottom:2px solid green;

   height:45px;

   position:relative;

   padding-left:20px;

   width:560px;

}

#cartoon #left h2 p{

   font-size:15px;

   position:absolute;

   bottom:9px;

   left:88px;

}

#cartoon #left h2 ul{

   position:absolute;

    bottom:7px;

    left:160px;

}

#cartoon #left h2 ul li{

   list-style-type:none;

    font-size:15px;

    color:black;

    width:60px;

    float:left;

    margin-right:30px;

}

#cartoon #showImg4 #moveL li{

   font-size:15px;

   list-style-type:none;

}

#cartoon #showImg4 #moveL{

   margin-top:26px;

   width:360px;

   float:left;

}

#cartoon .zero{

   padding:0px;

   width:375px;

   height:249px;

}

#cartoon .txt7{

   padding:5px;

   font-size:14px;

}

#cartoon #moveR{

   width:200px;

   float:left;

   margin-top:26px;

}

#cartoon #moveR ul{

    list-style-type:none;

    margin-left:35px;

    width:180px;

}

#cartoon #moveR ul li{

    height:20px;

    padding:7px 0px 5px 5px;

    font-size:14px;

}

#cartoon #moveR #move1{

    margin-top:17px;

}

#cartoon #moveR .juto{

    width:180px;

    height:101px;

    padding:0px;

}

#cartoon #showImg4 #fun{

    height:20px;

    width:375px;

    padding:7px 0px 5px 5px;

}

#cartoon #left{

    float:left;

}

#cartoon #julic{

    float:left;

    margin-left:20px;

    width:400px;

}

#cartoon #julic h2{

   font-size:30px;

   font-weight:normal;

   color:green;

   border-bottom:2px solid green;

   height:45px;

   position:relative;

   padding-left:20px;

   width:364px;

}

#cartoon #julic h2 p{

   font-size:15px;

   position:absolute;

   bottom:9px;

   left:88px;

}

#cartoon #julic h2 ul{

   position:absolute;

   bottom:5px;

   left:140px;

}

#cartoon #julic h2 ul li{

    list-style-type:none;

    font-size:15px;

    width:45px;

    float:left;

}

#cartoon #showImg5 ul li{

    list-style-type:none;

    font-size:14px;

    height:20px;

    padding:7px 0px 5px 5px;

}

#cartoon #showImg5 ul{

   width:180px;

   float:left;

   margin-bottom:15px;

   margin-right:22px;

}

#cartoon #showImg5 .sofo{

   padding:0px;

   width:180px;

   height:101px;

}

#cartoon #showImg5{

   margin-top:26px;

   width:500px;

}

#cartoon #sublic h2{

   font-size:30px;

   font-weight:normal;

   color:green;

   border-bottom:2px solid green;

   height:45px;

   position:relative;

   padding-left:20px;

   width:364px;

   border-bottom:2px solid green;

}

#cartoon #sublic h2 p{

   font-size:15px;

   position:absolute;

   bottom:9px;

   left:88px;

}

#cartoon #sublic h2 ul{

   position:absolute;

   bottom:8px;

   left:155px;

   width:300px;

}

#cartoon #sublic h2 ul li{

    list-style-type:none;

    font-size:15px;

    width:55px;

    float:left;

    color:black;

}

#cartoon #sublic{

    float:left;

}

#cartoon{

    overflow:hidden;

    width:1420px;

    margin:0px auto;

    position:relative;

    top:30px;

}

#cartoon #sublic ul #doc{

    width:72px;

}

#cartoon #showImg6 ul li{

   list-style-type:none;

   height:20px;

   width:175px;

   padding:7px 0px 5px 5px;

   font-size:15px;

   margin-right:5px;

}

#cartoon #showImg6 .sofo{

    padding:0px;

    height:101px;

    width:180px;

}

#cartoon #showImg6 ul{

    float:left;

    margin:26px 15px 0px 0px;

}

#cartoon #showImg6{

    width:400px;

}

#cartoon #showImg6 .join{

    margin-top:14px;

}

#cartoon{

    margin-top:45px;

}

#sport{

    float:left;

    width:380px;

}

#sport h2{

   font-size:30px;

   font-weight:normal;

   color:green;

   border-bottom:2px solid green;

   height:45px;

   position:relative;

   padding-left:20px;

   width:360px;

   border-bottom:2px solid green;

}

#sport h2 p{

   font-size:15px;

   position:absolute;

   bottom:9px;

   left:88px;

}

#sport h2 ul{

   position:absolute;

   bottom:8px;

   left:155px;

   width:300px;

}

#sport h2 ul li{

    list-style-type:none;

    font-size:15px;

    width:55px;

    float:left;

    color:black;

}

#sport #showImg7 ul li{

    list-style-type:none;

    font-size:14px;

    padding:5px;

}

#sport #showImg7 ul{

    float:left;

    margin-right:20px;

    margin-top:27px;

}

#sport #showImg7 .sofo{

    padding:0px;

    width:180px;

    height:101px;

}

#sport #showImg7{

    width:410px;

    overflow:hidden;

}

#sport #showImg7 .jofa1{

    margin-top:15px;

}

#music{

   float:left;

   margin-left:21px;

}

#music h2{

   font-size:30px;

   font-weight:normal;

   color:green;

   border-bottom:2px solid green;

   height:45px;

   position:relative;

   padding-left:20px;

   width:360px;

   border-bottom:2px solid green;

}

#music h2 p{

   font-size:15px;

   position:absolute;

   bottom:9px;

   left:88px;

}

#music h2 ul{

   position:absolute;

   bottom:8px;

   left:155px;

   width:300px;

}

#music h2 ul li{

    list-style-type:none;

    font-size:15px;

    width:100px;

    float:left;

    color:black;

}

#music #com,#music #com1{

    font-size:14px;

}

#music #com{

    float:left;

    margin-right:20px;

    margin-top:25px;

}

#music #com ul li{

    list-style-type:none;

    padding:7px 0px 5px 5px;

    height:20px;

    width:175px;

}

#music #com #rau{

    padding:0px;

    width:180px;

    height:248px;

}

#music #com1 ul li{

    list-style-type:none;

    padding:7px 0px 5px 5px;

    height:20px;

    width:178px;

}

#music #com1 .sofo{

    padding:0px;

    width:180px;

    height:101px;

}

#music #com1{

    float:left;

    margin-top:25px;

}

#music #com1 ul{

    margin-bottom:5px;

    margin-bottom:16px;

}

#music #com .txt8{

    padding:7px 0px 5px 5px;

    height:20px;

}

#fashion{

    float:left;

    margin-left:15px;

    width:610px;

}

#fashion h2{

   font-size:30px;

   font-weight:normal;

   color:green;

   border-bottom:2px solid green;

   height:45px;

   position:relative;

   padding-left:20px;

   width:555px;

   border-bottom:2px solid green;

}

#fashion h2 p{

   font-size:15px;

   position:absolute;

   bottom:9px;

   left:88px;

}

#fashion h2 ul{

   position:absolute;

   bottom:8px;

   left:155px;

   width:300px;

}

#fashion h2 ul li{

    list-style-type:none;

    font-size:15px;

    width:100px;

    float:left;

    color:black;

}

#sports{

    overflow:hidden;

    width:1420px;

    margin:0px auto;

    position:relative;

    top:60px;

}

#fashion #feng ul li{

   list-style-type:none;

   font-size:14px;

   width:180px;

}

#fashion #feng .sofo{

   padding:0px;

   width:180px;

   height:249px;

}

#fashion #feng{

  float:left;

  margin-top:25px;

   margin-right:7px;

}

#fashion #feng ul li{

  padding:7px 0px 5px 5px;

    height:20px;

    width:178px;

}

#fashion #interest ul li{

  list-style-type:none;

  font-size:14px;

  padding:7px 0px 5px 5px;

    height:20px;

    width:178px;

}

#fashion #interest ul{

  float:left;

  margin-right:18px;

  margin-bottom:17px;

}

#fashion #interest ul .txt9{

 padding:5px;

}

#fashion #interest ul .sofo{

 padding:0px;

 width:180px;

 height:101px;

}

#fashion #interest{

  margin-top:25px;

}

#babys h2,#life h2,#healthy h2{

  font-size:30px;

   font-weight:normal;

   color:green;

   border-bottom:2px solid green;

   height:45px;

   position:relative;

   padding-left:20px;

   width:363px;

   border-bottom:2px solid green;

   margin-bottom:20px;

}

#babys h2 p,#life h2 p,#healthy h2 p{

   font-size:15px;

   position:absolute;

   bottom:9px;

   left:88px;

}

#babys h2 ul,#life h2 ul,#healthy h2 ul{

   position:absolute;

   bottom:8px;

   left:155px;

   width:300px;

}

#babys h2 ul li,#healthy h2 ul li{

    list-style-type:none;

    font-size:15px;

    width:90px;

    float:left;

    color:black;

}

#life h2 ul li{

    list-style-type:none;

    font-size:15px;

    width:70px;

    float:left;

    color:black;

}

#babys h2 ul .jort{

    width:60px;

}

#babys #showImg8 ul li,#life #showImg9 ul li,#healthy #showImg10 ul li{

  list-style-type:none;

  font-size:14px;

  padding:7px 0px 5px 5px;

  height:20px;

  width:175px;

}

#healthy #showImg10 ul .sofo{

  width:180px;

  height:101px;

}

#babys #showImg8 ul,#life #showImg9 ul,#healthy #showImg10 ul{

  float:left;

  margin-right:22px;

  margin-bottom:17px;

}

#babys #showImg8 ul .txt9,#life #showImg9 ul .txt9,#healthy #showImg10 .txt9{

 padding:5px;

}

#babys #showImg8 ul .sofo,#life #showImg9 ul .sofo,#healthy #showImg10 .sofo{

 padding:0px;

 width:180px;

 height:101px;

}

#babys,#life,#healthy{

 float:left;

}

#healthy{

 width:607px;

}

#baby{

 width:1420px;

 overflow:hidden;

 margin-top:70px;

}

#phisics h2,#car h2,#money h2{

   font-size:30px;

   font-weight:normal;

   color:green;

   border-bottom:2px solid green;

   height:45px;

   position:relative;

   padding-left:20px;

   width:363px;

   margin-bottom:20px;

}

#phisics h2 p,#car h2 p,#money h2 p{

   font-size:15px;

   position:absolute;

   bottom:9px;

   left:88px;

}

#phisics h2 ul,#car h2 ul,#money h2 ul{

   position:absolute;

   bottom:8px;

   left:155px;

   width:300px;

}

#phisics h2 ul li,#car h2 ul li,#money h2 ul li{

    list-style-type:none;

    font-size:15px;

    width:105px;

    float:left;

    color:black;

}

#phisics #showImg11 ul li,#car #showImg12 ul li,#money #showImg13 ul li{

  list-style-type:none;

  font-size:14px;

  padding:7px 0px 5px 5px;

  height:20px;

  width:175px;

}

#phisics #showImg11 ul,#car #showImg12 ul,#money #showImg13 ul{

  float:left;

  margin-right:22px;

  margin-bottom:17px;

}

#phisics #showImg11 ul .txt9,#car #showImg12 ul .txt9,#money #showImg13 ul .txt9{

 padding:5px;

}

#phisics #showImg11 ul .sofo,#car #showImg12 ul .sofo,#money #showImg13 ul .sofo{

 padding:0px;

 width:180px;

 height:101px;

}

#phisics,#car,#money{

 float:left;

}

#money{

 width:606px;

 float:left;

}

#car h2 ul li{

 width:70px;

}

#money h2 ul li{

 width:100px;

}

#money h2{

 width:565px;

}

#science{

    width:1420px;

    overflow:hidden;

    margin:0px auto;

    position:relative;

    top:30px;

}

#travel #go h2,#travel #directory h2{

   font-size:30px;

   font-weight:normal;

   color:green;

   border-bottom:2px solid green;

   height:45px;

   position:relative;

   padding-left:20px;

   width:363px;

   margin-bottom:20px;

}

#junshi h2{

   margin-bottom:20px;

}

#travel #go h2 p,#travel #junshi h2 p{

   font-size:15px;

   position:absolute;

   bottom:9px;

   left:88px;

}

#travel #go h2 ul li,#travel #directory h2 ul li{

   list-style-type:none;

   font-size:15px;

   width:70px;

   float:left;

   color:black;

}

#travel #go h2 ul,#travel #junshi h2 ul{

   position:absolute;

   bottom:8px;

   left:155px;

   width:300px;

}

#travel #go #showImg14 ul,#travel #directory #showImg15 ul,#travel #junshi #showImg16 ul{

  float:left;

  margin-right:22px;

  margin-bottom:17px;

}

#travel #go #showImg14 ul li,#travel #directory #showImg15 ul li,#travel #junshi #showImg16 ul li{

 list-style-type:none;

  font-size:14px;

  padding:7px 0px 5px 5px;

  height:20px;

  width:175px;

}

#travel #go #showImg14 .sofo,#travel #directory #showImg15 .sofo,#travel #junshi #showImg16 .sofo{

  width:180px;

  height:101px;

  padding:0px;

}

#travel #go #search{

  width:100px;

}

#travel #go #jor{

  width:60px;

}

#go,#directory,#junshi{

  float:left;

}

#travel #directory h2 p{

  font-size:15px;

  position:absolute;

  bottom:9px;

  left:118px;

}

#travel #directory h2 ul{

   position:absolute;

   bottom:8px;

   left:185px;

   width:300px;

}

#travel #junshi h2 ul li{

   list-style-type:none;

   font-size:15px;

   width:107px;

   float:left;

   color:black;

}

#travel #junshi h2 ul #sun{

   width:93px;

}

#travel #junshi h2{

   font-size:30px;

   font-weight:normal;

   color:green;

   border-bottom:2px solid green;

   height:45px;

   position:relative;

   padding-left:20px;

   width:565px;

}

#travel #junshi h2 ul{

   width:380px;

}

#travel{

   width:1420px;

   margin:0px auto;

   overflow:hidden;

   position:relative;

   top:35px;

}

#self h2{

  font-size:30px;

   font-weight:normal;

   color:green;

   border-bottom:2px solid green;

   height:45px;

   position:relative;

   padding-left:20px;

   width:1170px;

   margin-bottom:25px;

}

#self h2 ul li{

   list-style-type:none;

   font-size:15px;

   width:65px;

   float:left;

   color:black;

}

#self h2 ul{

   position:absolute;

   bottom:8px;

   left:165px;

   width:700px;

}

#self #run{

  font-size:15px;

  position:absolute;

  bottom:9px;

  left:88px;

}

#self h2 #Rev{

    position:absolute;

    bottom:5px;

    right:0px;

    font-size:15px;

    color:black;

}

#self .char4{

  width:92px;

}

#self .char3{

  width:78px;

}

#self .char6{

  width:120px;

}

#self #bigPic h3{

  font-size:17px;

  font-weight:normal;

}

#self #bigPic p{

  font-size:12px;

}

#self #bigPic{

  width:380px;

  float:left;

  margin-right:20px;

}

#self #bigPic ul{

  list-style-type:none;

}

#self #showImg17 ul li{

    list-style-type:none;

    width:180px;

}

#self #showImg17 h4{

    font-size:15px;

    font-weight:normal;

}

#self #showImg17 p{

    font-size:12px;

}

#self #showImg17 .gofo{

    width:180px;

    height:101px;

}

#self #showImg17 ul{

    float:left;

    margin-bottom:20px;

    margin-right:22px;

}

#self #showImg17{

   width:808px;

   overflow:hidden;

   float:left;

}

#self{

    float:left;

    width:1210px;

    overflow:hidden;

}

#self #showImg17 .txt9{

    padding:4px;

    line-height:23px;

}

#writer{

    float:left;

    width:182px;

}

#writer h2{

   font-size:30px;

   font-weight:normal;

   color:green;

   border-bottom:2px solid green;

   height:45px;

   position:relative;

   padding-left:20px;

   width:164px;

   margin-bottom:25px;

}

#writer h2 p{

  font-size:15px;

  position:absolute;

  bottom:9px;

  left:143px;

  width:50px;

}

#writer #pai{

  border:1px solid gray;

  height:310px;

  padding:10px 10px;

}

#bySelf{

  width:1420px;

  overflow:hidden;

  margin:0px auto;

  position:relative;

  top:50px;

}

#writer #pai dl .tit{

  font-size:14px;

}

#writer #pai dl .peo{

  font-size:12px;

  margin-bottom:5px;

}

#writer dl dt{

  float:left;

  padding:0px;

  width:70px;

  height:70px;

  margin-right:8px;

}

#writer dl dt img{

  border:1px solid black;

}

#writer dl{

  clear:both;

  height:71px;

  width:170px;

  margin-bottom:10px;

}

#writer dl dd{

  line-height:22px;

}

#laugh #laughing h2{

  font-size:30px;

   font-weight:normal;

   color:green;

   border-bottom:2px solid green;

   height:45px;

   position:relative;

   width:585px;

   margin-bottom:20px;

}

#laugh #takePhoto h2{

   font-size:30px;

   font-weight:normal;

   color:green;

   border-bottom:2px solid green;

   height:45px;

   position:relative;

   width:785px;

   margin-bottom:20px;

}

#laugh #laughing h2 p,#laugh #takePhoto p{

  font-size:15px;

  position:absolute;

  bottom:9px;

  left:70px;

  width:50px;

}

#laugh #laughing h2 ul li,#laugh #takePhoto h2 ul li{

   list-style-type:none;

   font-size:15px;

   width:95px;

   float:left;

   color:black;

}

#laugh #takePhoto h2 ul #junNum{

   width:202px;

}

#laugh #laughing h2 ul,#laugh #takePhoto h2 ul{

   position:absolute;

   bottom:10px;

   left:145px;

   width:700px;

}

#laugh #laughing #showImg18 ul,#laugh #takePhoto #showImg19 ul{

  float:left;

  margin-right:22px;

  margin-bottom:17px;

}

#laugh #laughing #showImg18 ul li,#laugh #takePhoto #showImg19 ul li{

  list-style-type:none;

  font-size:14px;

  padding:7px 0px 5px 5px;

  width:175px;

  height:20px;

}

#laugh #laughing #showImg18 .gofo,#laugh #takePhoto #showImg19 .gofo{

  width:180px;

  height:101px;

  padding:0px;

}

#laugh #laughing #showImg18 .txt10,#laugh #takePhoto #showImg19 .txt10{

  padding:5px;

}

#laugh #takePhoto{

  width:810px;

}

#laughing,#takePhoto{

  float:left;

}

#laugh{

    width:1420px;

    overflow:hidden;

    margin:0px auto;

    position:relative;

    top:50px;

}

#video3 #tape{

    width:607px;

}

#video3 #tape h2{

   font-size:30px;

   font-weight:normal;

   color:green;

   border-bottom:2px solid green;

   height:45px;

   position:relative;

   width:585px;

   margin-bottom:20px;

}

#video3 #showFace h2{

   font-size:30px;

   font-weight:normal;

   color:green;

   border-bottom:2px solid green;

   height:45px;

   position:relative;

   width:785px;

   margin-bottom:20px;

}

#video3 #tape h2 p{

  font-size:15px;

  position:absolute;

  bottom:9px;

  left:130px;

  width:50px;

}

#video3 #showFace h2 p{

  font-size:15px;

  position:absolute;

  bottom:9px;

  left:70px;

  width:50px;

}

#video3 #tape h2 ul,#video3 #showFace h2 ul{

   position:absolute;

   bottom:10px;

   left:205px;

   width:700px;

}

#video3 #tape h2 ul li{

   list-style-type:none;

   font-size:15px;

   width:200px;

   float:left;

   color:black;

}

#video3 #showFace h2 ul li{

    list-style-type:none;

   font-size:15px;

   width:100px;

   float:left;

   color:black;

}

#video3 #tape #showImg20 ul,#video3 #showFace #showImg21 ul{

  float:left;

  margin-right:22px;

  margin-bottom:17px;

}

#video3 #tape #showImg20 ul li,#video3 #showFace #showImg21 ul li{

  list-style-type:none;

  font-size:14px;

}

#video3 #tape #showImg20 ul .txt10,#video3 #showFace #showImg21 ul .txt10{

  padding:5px;

}

#video3 #tape #showImg20 ul h4,#video3 #showFace #showImg21 ul h4{

  font-size:15px;

  font-weight:normal;

}

#video3 #tape #showImg20 ul p,#video3 #showFace #showImg21 ul p{

  font-size:13px;

}

#tape,#showFace{

  float:left;

}

#showFace{

    width:802px;

}

#video3{

  overflow:hidden;

  width:1420px;

  margin:0px auto;

  position:relative;

  top:50px;

}

#showImg20{

  width:700px;

  overflow:hidden;

}

#showImg21{

    overflow:hidden;

    width:808px;

}

#video3 #showFace #infro{

   width:100px;

}

#document .opacity{

   background-color:black;

   width:180px;

   position:relative;

   top:-50px;

   height:28px;

}

#document .gue{

    position:relative;

    bottom:27px;

    color:white;

    font-size:15px;

    left:6px;

    z-index:1;

}

#document .diven{

    position:relative;

    top:-50px;

}

#document .dave{

    position:relative;

    top:-5px;

}

#document ul{

    float:left;

    list-style-type:none;

    height:150px;

    margin-right:22px;

}

#document{

    width:1420px;

    overflow:hidden;

    margin:0px auto;

    position:relative;

    top:80px;

}

#partEnd #partner,#partEnd #query{

    width:697px;

    height:122px;

    background-color:#F7F7F7;

}

#partner h1,#query h1{

    font-size:22px;

    height:30px;

    font-weight:normal;

    position:relative;

    padding-left:20px;

}

#partner h1 p{

    font-size:12px;

    position:absolute;

    bottom:5px;

    left:120px;

}

#query h1 p{

    font-size:12px;

    position:absolute;

    bottom:5px;

    left:140px;

}

#partner #friend ul li{

    list-style-type:none;

    width:80px;

    font-size:12px;

    float:left;

    margin-bottom:10px;

}

#query #act ul li{

    list-style-type:none;

    width:200px;

    font-size:12px;

    float:left;

    margin-bottom:10px;

}

#partner #friend,#query #act{

    margin-left:20px;

}

#partner,#query{

    float:left;

    border:1px solid gray;

}

#partner{

    border-right:0px;

}

#partEnd{

    width:1420px;

    margin-bottom:30px;

    overflow:hidden;

    margin:0px auto;

    position:relative;

    top:120px;

}

#endNo1{

    width:1420px;

    border-top:1px solid gray;

    height:120px;

    margin:0px auto;

    position:relative;

    top:180px;

}

#endNo1 ul li{

    width:240px;

    float:left;

    list-style-type:none;

    font-size:12px;

    margin-bottom:10px;

}

#endNo1 ul .long{

    width:330px;

}

#endNo1 ul .lon{

    width:350px;

    position:relative;

    right:482px;

    top:3px;

}

#endNo1 ul{

    overflow:hidden;

    margin-top:20px;

    width:1400px;

    clear:both;

}

#endNo1 img,#endNo2 img{

    vertical-align:middle;

}

#endNo1 #tuv{

    margin-top:0px;

    border:0px;

}

#endNo2 #hau{

    margin:0px auto;

}

#endNo2 #hau ul li{

   list-style-type:none;

   border-right:1px solid gray;

   font-size:12px;

   width:65px;

   float:left;

   text-align:center;

}

#endNo2 #hau .charFar{

   width:110px;

}

#endNo2 #hau .charSix{

   width:90px;

}

#endNo2 #hau .charSev{

  width:100px;

}

#endNo2 #hau ul{

    margin-left:270px;

}

#endNo2 #hau ul #theEnd{

    border:0px;

}

#endNo2 #hou ul li{

    list-style-type:none;

    font-size:12px;

    width:160px;

    float:left;

}

#endNo2 #hou ul{

    padding-left:155px;

    width:1420px;

    padding-top:20px;

}

#endNo2 #hou ul .groove{

    width:260px;

}

#endNo2 #hou ul .riv{

    width:160px;

}

#endNo2 #hou ul .cuf{

    width:135px;

}

#endNo2 #hou{

    clear:both;

    overflow:hidden;

    margin:0px auto;

}

#endNo2{

    margin:0px auto;

    width:1420px;

    position:relative;

    top:180px;

}

#finally{

    font-size:12px;

    padding-left:440px;

    margin-top:12px;

}

#full{

   width:1420px;

   margin:0px auto;

}

/*超链接及伪类样式*/

#no1 a{

    color:black;

    text-decoration:none;

}

#no1 a:hover{

    color:green;

    text-decoration:none;

}

#artical a{

    color:black;

    text-decoration:none;

}

#artical a:hover{

    color:green;

    text-decoration:none;

}

#artical p a{

    color:gray;

    text-decoration:none;

}

#selfArt a{

    color:black;

    text-decoration:none;

}

#selfArt a:hover{

    color:green;

    text-decoration:none;

}

#speak a{

    color:black;

    text-decoration:none;

}

#speak a:hover{

    color:green;

    text-decoration:none;

}

#speak p a{

    color:gray;

    text-decoration:none;

}

#happy a{

    color:black;

    text-decoration:none;

}

#happy a:hover{

    color:green;

    text-decoration:none;

}

#happy p a{

    color:gray;

    text-decoration:none;

}

#like a{

    color:black;

    text-decoration:none;

}

#like a:hover{

    color:green;

    text-decoration:none;

}

#like p a{

    color:gray;

    text-decoration:none;

}

#like a #cek{

    width:180px;

  height:147px;

  background-color:#50CA31;

  position:relative;

  top:-50px;

}

#like a:hover #cek{

    opacity:0.7;

    filter:alpha(opacity=70);

}

#iqiyi a{

    color:black;

    text-decoration:none;

}

#iqiyi a:hover{

    color:green;

    text-decoration:none;

}

#iqiyi p a{

    color:gray;

    text-decoration:none;

}

#movieFull a{

    color:black;

    text-decoration:none;

}

#movieFull a:hover{

    color:green;

    text-decoration:none;

}

#movieFull p a{

    color:gray;

    text-decoration:none;

}

#interMovie a{

    color:black;

    text-decoration:none;

}

#interMovie a:hover{

    color:green;

    text-decoration:none;

}

#interMovie p a{

    color:gray;

    text-decoration:none;

}

#soapShow a{

    color:black;

    text-decoration:none;

}

#soapShow a:hover{

    color:green;

    text-decoration:none;

}

#soapShow p a{

    color:gray;

    text-decoration:none;

}

#cartoon a{

    color:black;

    text-decoration:none;

}

#cartoon a:hover{

    color:green;

    text-decoration:none;

}

#cartoon p a{

    color:gray;

    text-decoration:none;

}

#sports a{

    color:black;

    text-decoration:none;

}

#sports a:hover{

    color:green;

    text-decoration:none;

}

#sports p a{

    color:gray;

    text-decoration:none;

}

#babys a,#science a,#travel a,#bySelf a{

    color:black;

    text-decoration:none;

}

#babys a:hover,#science a:hover,#travel a:hover,#bySelf a:hover{

    color:green;

    text-decoration:none;

}

#babys p a,#science p a,#travel p a,#bySelf p a{

    color:gray;

    text-decoration:none;

}

#jui a{

    color:white;

    text-decoration:none;

}

#jui a:hover{

    color:white;

    text-decoration:none;

}












 

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/761125.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

基于Jenkins + Argo 实现多集群的持续交付

作者:周靖峰,青云科技容器顾问,云原生爱好者,目前专注于 DevOps,云原生领域技术涉及 Kubernetes、KubeSphere、Argo。 前文概述 前面我们已经掌握了如何通过 Jenkins Argo CD 的方式实现单集群的持续交付&#xff0c…

java 继承(下)

前面我们已经说明了什么是继承?继承的好处弊端等,不清楚的可参照链接 java 继承(上)-CSDN博客 本篇文章主要理解 继承中变量,构造方法,成员方法的访问特点。 1、继承中变量的访问特点 1.1 代码实现 不看…

若依添加页面

背景:我想增加的是一个收支管理的页面 views中直接添加income文件夹,里面放着index.vue 网页的菜单中添加这个页面的菜单

基于springboot的留守儿童爱心网站

技术:springbootmysqlvue 一、系统背景 现代社会,由于经济不断发展,旧物捐赠的数量也在不断的增加,人们对留守儿童爱心信息的需求也越来越高。 以往的留守儿童爱心的管理,一般都是纸质文件来管理留守儿童爱心信息&am…

分布式异步任务框架celery

Celery介绍 github地址:GitHub - celery/celery: Distributed Task Queue (development branch) 文档地址:Celery - Distributed Task Queue — Celery 5.3.6 documentation 1.1 Celery是什么 celery时一个灵活且可靠的处理大量消息的分布式系统&…

Java:设计模式

文章目录 参考简介工厂模式简单工厂模式工厂方法模式抽象工厂模式总结 单例模式预加载懒加载线程安全问题 策略模式 参考 知乎 简介 总体来说设计模式分为三类共23种。 创建型模式,共五种:工厂方法模式、抽象工厂模式、单例模式、建造者模式、原型模…

基于浏览器localStorage作为数据库完成todolsit项目

一、文章内容 TodoList结构搭建HTML代码 TodoList样式编写Css代码 TodoList行为表现JavaScript代码 二、项目展示 项目介绍 Todolist是一个基于B/S模式开发的待办事项软件,主要功能是离线记录用户的待办事项和已经完成的事情,基于htmlcssjs实现&am…

【C++】---string的模拟

【C】---string的模拟 一、string类实现1.string类的构造函数2.swap()函数3.拷贝构造函数4.赋值运算符重载5.析构6.迭代器7.operator[ ]8.size9.c_str()10.reserve()11.resize()12.p…

flutter 局部view更新,dialog更新进度,dialog更新

局部更新有好几种方法,本次使用的是 StatefulBuilder 定义 customState去更新对话框内容 import package:flutter/cupertino.dart; import package:flutter/material.dart;class ProgressDialog {final BuildContext context;BuildContext? dialogContext;double _…

【DL经典回顾】激活函数大汇总(四十一)(SinReLU附代码和详细公式)

激活函数大汇总(四十一)(SinReLU附代码和详细公式) 更多激活函数见激活函数大汇总列表 一、引言 欢迎来到我们深入探索神经网络核心组成部分——激活函数的系列博客。在人工智能的世界里,激活函数扮演着不可或缺的角色,它们决定着神经元的输出,并且影响着网络的学习能…

8节点空间壳单元Matlab有限元编程 | 曲壳单元 | 模态分析 | 3D壳单元 | 板壳理论| 【源代码+理论文本】

专栏导读 作者简介:工学博士,高级工程师,专注于工业软件算法研究本文已收录于专栏:《有限元编程从入门到精通》本专栏旨在提供 1.以案例的形式讲解各类有限元问题的程序实现,并提供所有案例完整源码;2.单元…

Mysql的行级锁

MySQL 中锁定粒度最小的一种锁,是 针对索引字段加的锁 ,只针对当前操作的行记录进行加锁。 行级锁能大大减少数据库操作的冲突。其加锁粒度最小,并发度高,但加锁的开销也最大,加锁慢,会出现死锁。行级锁和存…

数据结构面试常见问题之Insert or Merge

😀前言 本文将讨论如何区分插入排序和归并排序两种排序算法。我们将通过判断序列的有序性来确定使用哪种算法进行排序。具体而言,我们将介绍判断插入排序和归并排序的方法,并讨论最小和最大的能区分两种算法的序列长度。 🏠个人主…

Postman接口做关联测试的方法步骤

应用场景 假设下一个接口登录需要上一个接口的返回值,例如请求需要先登录获取到token,下一个请求要携带对应的token才能进行请求 方法:通过设置全局变量/环境变量 方法一:设置全局变量 1.先请求登录接口,请求成功之后…

力扣Lc20--- 202.快乐数(java版)-2024年3月20日

1.题目 2.知识点 (1)while (seen.contains(n) false) { // 循环体 } 与 !seen.contains(n) 等同 (2) 当传入数字 19 给 isHappy(19) 方法时,下面是每一行代码的执行过程: 初始化一个空的 HashSet&#…

32.网络游戏逆向分析与漏洞攻防-游戏网络通信数据解析-网络数据分析原理与依据

免责声明:内容仅供学习参考,请合法利用知识,禁止进行违法犯罪活动! 如果看不懂、不知道现在做的什么,那就跟着做完看效果 内容参考于:易道云信息技术研究院VIP课 上一个内容:31.其它消息的实…

el-table的border属性失效问题解决方案

目录 问题: 使用的代码: 官方文档的说明: 可能的问题所在: 关于使用了作用域插槽: a.自定义内容的样式覆盖: b.表格结构的改变: 解决方案: 通过css样式解决: 下面…

打流仪/网络测试仪这个市场还能怎么卷?

#喝了点,码点字# 以下为个人观点,看看就好,如有冒犯,私信删稿 都有哪些厂商在做打流仪/网络测试仪 -洋品牌:思博伦/Viavi-Spirent,是德/Keysight-Ixia,信雅纳/Lecroy-Xena, -国产…

Pytest配置文件pytest.ini的具体使用

前言 说到配置,大家可能想到的是不经常更改的内容,比如Django里的settings.py文件,或者我们做自动化的时候,把测试环境的域名和正式环境的域名放到一个配置文件里,所有的接口都从这个文件里读取。这样,如果…

python中获取当前项目的目录

大家好,我是雄雄,欢迎关注微信公众号:雄雄的小课堂 今天介绍一下,如何在python中获取当前项目所在的目录,而不是运行脚本的目录。 class ProjectPaths:# 初始化时获取当前脚本的路径staticmethoddef get_script_dir():…