百度html的json解析,百度.json · huge/html-start - Gitee.com

body,h1,h2,h3,h4,h5,h6,p,ul{

margin: 0px;

padding: 0px;

}

ul{

list-style: none;

}

a{

color: black;

text-decoration: none;

}

*{

box-sizing: border-box;

}

/*-----1.椤甸潰澶撮儴-----*/

#header{

/*background-color: pink;*/

line-height: 32px;

border-bottom: 1px solid #CDCDC1;

}

#userbar{

float: right;

}

#link-wrapper{

float: right;

}

/*娓呴櫎娴姩*/

.clearfix::after{

content: ".";

display: block;

height: 0px;

visibility: hidden;

clear: both;

}

#header ul li{

float: left;

margin-right: 20px;

font-size: 14px;

}

#link-wrapper #right-border{

padding-right: 20px;

border-right: 1px solid #CDCDC1;

}

.a-line{

text-decoration: underline;

}

#link-wrapper .font{

font-weight: bold;

}

/*-----1.椤甸潰澶撮儴-----*/

/*-----2.鐧惧害鎼滅储-----*/

#header-search-wrapper{

/*background-color: pink;*/

padding-bottom: 10px;

}

#center-wrapper{

/*瀹氬灞呬腑*/

width: 1100px;

margin: 0px auto;

/*background-color: lightblue;*/

padding-top: 20px;

}

/*鐧惧害logo*/

#left-logo{

float: left;

margin-left: 100px;

}

#left-logo #baidu-logo{

height: 45px;

}

/*鐧惧害鎼滅储琛ㄥ崟*/

#right-forms{

float: left;

margin-left: 20px;

padding-top: 10px;

}

/*涓婅竟-form锛宧elp*/

#search-input form{

float: left;

}

#search-input #help{

float: left;

line-height: 40px;

margin-left: 20px;

}

/*杈撳叆妗�*/

#search-input form input:nth-of-type(1){

width: 500px;

height: 40px;

border: 1px solid #3388FF;

vertical-align: middle;

}

/*鎸夐挳*/

#search-input form input:nth-of-type(2){

width: 100px;

height: 40px;

border: 1px solid #3388FF;

background-color: #3388FF;

color: white;

vertical-align: middle;

font-size: 16px;

}

/*help涓殑鍐呭*/

#help a{

margin-right: 10px;

font-size: 14px;

}

/*涓嬭竟鐨勫崟閫夋寜閽�*/

#search-radio{

padding-top: 5px;

font-size: 14px;

color: gray;

}

#search-radio input{

vertical-align: middle;

}

#search-radio label{

vertical-align: middle;

}

/*-----2.鐧惧害鎼滅储-----*/

/*-----3.瀵艰埅閫夐」-----*/

#nav-menu{

background-color: #01204F;

}

#menu-center{

width: 1100px;

margin: 0px auto;

height: 40px;

}

#menu-center #menu li{

float: left;

line-height: 40px;

margin-right: 2px;

}

#menu-center #menu li a{

color: white;

font-size: 14px;

font-weight: bold;

padding: 0px 10px;

display: block;

height: 40px;

}

#menu-center #menu .current{

background-color: #CD0000;

opacity: 0.9;

padding-left: 30px;

}

#menu-center #menu a:hover{

background-color: #CD0000;

opacity: 0.9;

}

#more{

background-color: #01204F;

/*瀹氫綅锛岃#more鑴辩鏍囧噯鏂囨。娴�*/

position: absolute;

top: 40px;

left: 0px;

/*#more鏈€鍒濇槸闅愯棌鐨�*/

display: none;

/*display: none,鍏冪礌闅愯棌锛屼笉鍗犳嵁绌洪棿*/

/*visibility: hidden锛岃缃厓绱犻殣钘忥紝浣嗘槸瀹冧細鍗犳嵁椤甸潰绌洪棿*/

/*visibility: visible,鏄剧ず*/

}

#menu-center #menu #more a{

display: block;

}

#menu-center #menu #more a:hover{

background-color: #27408B;

}

/*-----3.瀵艰埅閫夐」-----*/

/*-----4.鏂伴椈涓讳綋鍐呭----*/

#main-center{

width: 1100px;

margin: 20px auto 0px;

height: 1000px;

background-color: pink;

}

/*绗竴鍒�*/

#col-1{

width: 390px;

float: left;

background-color: yellow;

}

#header-tabs{

position: relative;

border-bottom: 1px solid gray;

}

#header-tabs ul li{

float: left;

padding: 10px 0px;

}

#header-tabs ul li a{

font-size: 20px;

padding: 0px 15px;

}

#header-tabs ul li:first-child{

border-bottom: 2px solid #2F63BA;

}

#header-tabs ul li:first-child a{

border-right: 1px solid gray;

color: #2F63BA;

}

#header-tabs>a{

position: absolute;

bottom: 10px;

right: 0px;

}

/*鏂伴椈鍒楄〃*/

/*鍒楄〃1*/

#list-1{

border-bottom: 1px dotted gray;

}

#list-1 ul li{

padding: 10px 0px;

}

.dot{

display: inline-block;

width: 5px;

height: 5px;

background-color: red;

position: relative;

top: -5px;

margin-right: 5px;

}

#list-1 ul li p{

padding-top: 5px;

padding-left: 10px;

}

#list-1 ul li p a{

font-size: 14px;

margin-right: 10px;

}

/*鍒楄〃2*/

#list-2{

padding-top: 10px;

}

#list-2 ul li{

line-height: 30px;

}

.list-header a{

font-weight: bold;

font-size: 17px;

}

.dot-blue{

display: inline-block;

width: 3px;

height: 3px;

background-color: #4169E1;

position: relative;

top: -3px;

margin-right: 5px;

}

.list-item a{

font-size: 15px;

}

/*绗簩鍒�*/

#col-2{

width:670px;

float: right;

}

/*杞挱鍥�*/

#scroll-img{

width: 670px;

height: 305px;

background-color: red;

}

/*鐑悳鏂伴椈璇�*/

.col-2-header{

margin: 10px 0px;

}

.col-2-h3{

float: left;

}

.col-2-h3 a{

color: #2F63BA;

vertical-align: bottom;

}

.col-2-h3 span{

color: gray;

font-size: 12px;

font-weight: normal;

padding-left: 10px;

}

.more a{

float: right;

color: gray;

font-size: 14px;

padding-right: 20px;

padding-top: 6px;

}

#words li{

float: left;

margin-right: 2px;

margin-bottom: 2px;

padding: 0px 5px;

}

#words li a{

display: table-cell;

width: inherit;

height: inherit;

text-align: center;

vertical-align: middle;

color: white;

}

.word-1{

width: 222px;

height: 110px;

}

.word-1 a{

font-size: 17px;

}

.word-2{

width: 110px;

height: 110px;

}

.word-2 a{

font-size: 13px;

}

.color-1{

background-color: #3A5FCD

}

.color-2{

background-color: #4F94CD;

}

#words .del-margin{

margin-right: 0px;

}

/*鐧惧害鐧惧*/

#baijia .col-2-header{

border-bottom: 1px solid gray;

}

.shortcut{

float: left;

margin-left: 10px;

line-height: 30px;

}

.shortcut a{

padding: 0px 8px;

border-right: 1px solid gray;

color: #4F94CD;

font-size: 14px;

}

.shortcut a:last-child{

border: none;

}

#baijia-left{

width: 240px;

}

#big-img{

position: relative;

margin-bottom: 20px;

}

#news-img{

display: block;

}

#big-img img{

width: 240px;

}

#news-text{

position: absolute;

top: 121px;

width: 240px;

background-color: black;

opacity: 0.8;

color: white;

font-size: 14px;

padding: 0px 5px;

}

#small-img img{

width: 110px;

}

#small-img a{

display: block;

}

#small-img .small-text{

text-align: center;

width: 110px;

font-size: 14px;

}

#small-img .small-text:hover{

background-color: #4F94CD;

}

#small-img1{

width: 110px;

float: left;

}

#small-img2{

width: 110px;

float: right;

}

/*-----4.鏂伴椈涓讳綋鍐呭----*/

/*绮剧伒鍥�*/

#sprite{

position: fixed;

bottom: 20px;

right: 60px;

}

#sprite li{

width: 48px;

height: 48px;

margin-bottom: 3px;

background-image: url(../img/right_small_icon.png);

background-repeat: no-repeat;

}

#sprite li:nth-child(2){

background-position: 0px -51px;

}

#sprite li:nth-child(3){

background-position: 0px -102px;

}

#sprite li:nth-child(4){

background-position: 0px -153px;

}

#sprite li:nth-child(5){

background-position: 0px -204px;

}

#sprite li:nth-child(6){

background-position: 0px -255px;

}

#sprite li:nth-child(7){

background-position: 0px -306px;

}

#sprite li:nth-child(8){

background-position: 0px -357px;

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史