html,body{
margin:
0;
padding:
0;
background-color:
lavenderblush;
}
a{
color:
darkgray;
}
li{
list-style:
circle;
}
/*页首*/
#header{
/*background: -webkit-linear-gradient(rgba(0,0,0,1), transparent); /* Safari 5.1 - 6.0
background: -o-linear-gradient(rgba(0,0,0,1), transparaet); /* Opera 11.1 - 12.0
background: -moz-linear-gradient(rgba(0,0,0,1), transparent); /* Firefox 3.6 - 15
background: linear-gradient(rgba(0,0,0,1), transparent); /* 标准的语法 */
//height:
129px;
margin:
0;
width:
auto;
//border-bottom:
1px solid lightgray;
//background-color:
yellow;
}
/*博客标题和副标题*/
#blogTitle h1{
margin:
0;
padding:
0;
line-height:
1.5;
text-align:
center;
width:
25%;
//background-color:
white;
}
.headermaintitle {
list-style-type:
none;
text-decoration:
none;
font-family:
Impact, Charcoal, sans-serif;
font-size:
30px;
color:
black;
}
.headermaintitle:hover{
color:
dimgray;
}
/*博客标题和副标题*/
/*博客导航栏*/
#navList{
margin-bottom:
0;
margin-right:
0;
margin-left:
5px;
height:
43px;
border-bottom:
1px solid lightgray;
//background-color:
red;
}
#navList li{
list-style-type:
none;
float:
right;
line-height:
2;
border-right:
1px solid lightgray;
//background-color:
blue;
}
.menu{
text-decoration:
none;
font-size:
20px;
color:
black;
padding:
10px;
border-bottom:
2px none black;
transition:
0.2s all linear;
-ms-transition:
0.2s width linear;
/* Firefox 4 */
-webkit-transition:
0.2s width linear;
/* Safari and Chrome */
-o-transition:
0.2s width linear;
/* Opera */
}
.menu:hover{
border-bottom:
2px solid black;
}
/*博客导航栏*/
.blogStats{
height:
20px;
}
/*页首*/
/*主体内容*/
#main{
min-height:
500px;
width:
auto;
margin-left:
4%;
margin-right:
4%;
}
.forFlow{
float:
left;
width:
70%;
min-height:
500px;
border-right:
1px solid lightgray;
}
#sideBar{
margin-left:
20px;
float:
left;
width:
28%;
//background-color:
blue;
}
/*随笔*/
.day{
padding-right:
20px;
margin-bottom:
25px;
//margin-right:
10px;
//border-bottom:
1px solid lightgray;
//background-color:
red;
}
.dayTitle{
display:
none;
}
.postTitle{
text-align:
center;
}
.postTitle a{
font-family:
Arial Black, Gadget, sans-serif;
font-size:
20px;
color:
black;
text-decoration:
none;
}
.postTitle a:hover{
border-bottom:
2px solid black;
}
/*随笔*/
/*搜索*/
.mySearch{
min-height:
100px;
border-bottom:
1px solid lightgray;
margin-bottom:
5px;
padding-bottom:
5px;
}
.mySearch h3{
font-family:
Arial Black, Gadget, sans-serif;
font-size:
20px;
}
/*搜索*/
/*常用链接*/
.catListLink{
min-height:
100px;
border-bottom:
1px solid lightgray;
margin-bottom:
5px;
padding-bottom:
5px;
}
.catListLink h3{
font-family:
Arial Black, Gadget, sans-serif;
font-size:
20px;
}
/*常用链接*/
/*最新随笔*/
.catListEssay{
min-height:
100px;
border-bottom:
1px solid lightgray;
margin-bottom:
5px;
padding-bottom:
5px;
}
.catListEssay h3{
font-family:
Arial Black, Gadget, sans-serif;
font-size:
20px;
}
/*最新随笔*/
/*随笔档案*/
#sidebar_postarchive{
min-height:
100px;
border-bottom:
1px solid lightgray;
margin-bottom:
5px;
padding-bottom:
5px;
}
#sidebar_postarchive h3{
font-family:
Arial Black, Gadget, sans-serif;
font-size:
20px;
}
/*随笔档案*/
/*最新评论*/
.catListComment{
min-height:
100px;
border-bottom:
1px solid lightgray;
margin-bottom:
5px;
padding-bottom:
5px;
}
.catListComment h3{
font-family:
Arial Black, Gadget, sans-serif;
font-size:
20px;
}
/*最新评论*/
.clear{
height:
10px;
}
/*主体内容*/
/*footer*/
#footer{
clear:
all;
margin:
0;
padding:
0;
width:
auto;
text-align:
center;
line-height:
2;
background-color:
black;
color:
white;
}
/*footer*/
转载于:https://www.cnblogs.com/fy-xjw/p/9686267.html
相关资源：css之百度首页 css之百度首页
