今天早上上班看看做天做的CSS样式 好难看
今天又动手了 换了一个叫marvin2,然后把这个css搞下来
动手作成现在这个样子(感觉还好^_^)


BODY {...}{
FONT-SIZE: 0.9em; MARGIN: 0px; FONT-FAMILY: Verdana, Geneva, Arial, Helvetica, sans-serif
margin-top: 0px;
margin-bottom: 0px;
scrollbar-face-color:ffffff;
scrollbar-shadow-color:#959595;
scrollbar-highlight-color:white;
scrollbar-3dlight-color:#959595;
scrollbar-darkshadow-color:eeeeee;
scrollbar-track-color:eeeeee;
scrollbar-arrow-color:#959595;
} 

A:visited {...}{
COLOR:#999999; TEXT-DECORATION: none
} 
A:active {...}{
COLOR: #333333; TEXT-DECORATION: none
} 
A:link {...}{
COLOR:#333333; TEXT-DECORATION: none
} 
A:hover {...}{
TEXT-DECORATION: underline
} 
H1 {...}{
FONT-SIZE: 1.5em; MARGIN: 0px
} 
H1 A:visited {...}{ 
/**//*COLOR: #000*/
} 
H1 A:active {...}{
COLOR: #000
} 
H1 A:link {...}{ 
/**//*COLOR: #FFFFFF;*/
} 
H1 A:hover {...}{
COLOR: #47f; TEXT-DECORATION: none
} 
H2 {...}{
MARGIN-TOP: 10px; FONT-SIZE: 1em
} 
H5 {...}{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px
} 
#top {...}{
PADDING-RIGHT: 10px;
PADDING-LEFT: 40px;
PADDING-BOTTOM: 10px;
COLOR: #0000FF;
BORDER-BOTTOM: #47f 1px solid;
BACKGROUND-COLOR: #adf;
background-image: url(https://p-blog.youkuaiyun.com/images/p_blog_youkuaiyun.com/fancylea/227417/o_mylogo.jpg);
height: 100px;
padding-top: 40px;
} 
#tagline {...}{
FONT-SIZE: 0.8em; MARGIN: 0px
} 
P.date IMG {...}{
VERTICAL-ALIGN: middle
} 
P.date {...}{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FONT-WEIGHT: bold;
FONT-SIZE: 0.9em;
MARGIN-BOTTOM: 0px;
PADDING-BOTTOM: 2px;
PADDING-TOP: 2px;
BORDER-BOTTOM: #aaa 1px solid
} 
.postTitle {...}{
FONT-WEIGHT: bold; FONT-SIZE: 10pt
} 
BLOCKQUOTE {...}{
FONT-STYLE: italic
} 
P.postfoot {...}{
FONT-SIZE: 0.75em
} 
.post{...}{
font-size:12px;
} 
#leftmenu {...}{
MARGIN-TOP: 10px; LEFT: 10px; WIDTH: 180px; POSITION: absolute
} 
#leftmenu H3 {...}{
PADDING-RIGHT: 2px;
MARGIN-TOP: 0px;
PADDING-LEFT: 36px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
BACKGROUND: #7ba5ce;
MARGIN-BOTTOM: 1px;
PADDING-BOTTOM: 2px;
COLOR: #fff;
LINE-HEIGHT: 25px;
PADDING-TOP: 2px;
LETTER-SPACING: 0.2em;
TEXT-ALIGN: left;
background-image: url(https://p-blog.youkuaiyun.com/images/p_blog_youkuaiyun.com/fancylea/227417/o_sort.jpg);
PADDING-RIGHT: 0px;
PADDING-LEFT: 35px;
FONT-SIZE: 0.9em;
PADDING-BOTTOM: 0px;
MARGIN: 0px;
PADDING-TOP: 0px;
BORDER-BOTTOM: medium none
} 
#leftmenu UL {...}{
border-bottom:#CCCCCC 1px dashed;
border-left:#CCCCCC 1px dashed;
border-right:#CCCCCC 1px dashed;
margin-bottom:8px; 
PADDING-RIGHT: 0px;
PADDING-LEFT: 18px;
FONT-SIZE: 0.8em;
PADDING-BOTTOM: 0px;
MARGIN: 0px 0px 10px 0px;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none 
} 
#leftmenu OL {...}{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
LIST-STYLE-POSITION: inside;
FONT-SIZE: 0.8em;
PADDING-BOTTOM: 0px;
MARGIN: 0px 0px 10px 5px;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: decimal
} 
#main {...}{
PADDING-RIGHT: 10px;
PADDING-LEFT: 26px;
PADDING-BOTTOM: 10px;
MARGIN-LEFT: 200px;
BORDER-LEFT: #555 0px solid;
PADDING-TOP: 10px;
BORDER-BOTTOM: #47f 0px solid;
BACKGROUND-COLOR: #FFFFFF;
background-image: url(https://p-blog.youkuaiyun.com/images/p_blog_youkuaiyun.com/fancylea/227417/o_view_bg.gif);
background-repeat: repeat-y;
} 
#footer {...}{
FONT-SIZE: 0.7em;
MARGIN: 0px;
PADDING-TOP: 5px;
TEXT-ALIGN: center;
border-top-style: solid;
border-top-width: 1px;
border-top-color: #4477FF;
} 
INPUT.text {...}{
WIDTH: 300px
} 
TEXTAREA {...}{
WIDTH: 300px; HEIGHT: 200px
} 
#comments H4 SPAN {...}{
COLOR: #999
} 
#comments H4 {...}{
FONT-SIZE: 0.9em; MARGIN: 0px
} 
P {...}{
MARGIN: 10px 0px
} 
H3 {...}{
FONT-SIZE: 1.2em;
BORDER-BOTTOM: #aaa 1px solid
} 
#relatedlinks UL {...}{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
PADDING-BOTTOM: 0px;
MARGIN-LEFT: 10px;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none
} 
SPAN.highlight {...}{
BACKGROUND-COLOR: yellow
} 
.Tag {...}{
PADDING-RIGHT: 0px;
PADDING-LEFT:
6px; PADDING-BOTTOM: 5px;
PADDING-TOP: 5px
} 
.Tag SPAN {...}{
FONT-SIZE: 12px; FLOAT: left
} 
.Tag UL {...}{
PADDING-RIGHT: 0px;
PADDING-LEFT: 0px;
FLOAT: left;
PADDING-BOTTOM: 0px;
MARGIN: 0px 0px 0px 4px;
PADDING-TOP: 0px;
LIST-STYLE-TYPE: none
} 
.Tag LI {...}{
PADDING-RIGHT: 15px;
PADDING-LEFT: 0px;
FONT-SIZE: 12px;
FLOAT: left;
PADDING-BOTTOM: 0px;
LINE-HEIGHT: 20px;
PADDING-TOP: 0px
} 
.Tag LI A {...}{
TEXT-DECORATION: underline
} 
.Tag LI A:hover {...}{
TEXT-DECORATION: underline
} 
.listtitle
{...}{
PADDING-RIGHT: 2px;
MARGIN-TOP: 0px;
PADDING-LEFT: 36px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
BACKGROUND: #7ba5ce;
MARGIN-BOTTOM: 1px;
PADDING-BOTTOM: 2px;
COLOR: #fff;
LINE-HEIGHT: 25px;
PADDING-TOP: 2px;
LETTER-SPACING: 0.2em;
TEXT-ALIGN: left;
background-image: url(https://p-blog.youkuaiyun.com/images/p_blog_youkuaiyun.com/fancylea/227417/o_sort.jpg);
}
.dateTitle
{...}{
PADDING-RIGHT: 2px;
MARGIN-TOP: 0px;
PADDING-LEFT: 2px;
FONT-WEIGHT: bold;
FONT-SIZE: 12px;
BACKGROUND: #5CDEFF;
MARGIN-BOTTOM: 1px;
PADDING-BOTTOM: 2px;
COLOR: #fff;
LINE-HEIGHT: 14px;
PADDING-TOP: 2px;
BORDER-BOTTOM: #999 1px solid;
LETTER-SPACING: 0.2em;
TEXT-ALIGN: left;
border-right: #999 1px solid;
} 
#commentform table 
{...}{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
input 
{...}{
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #cccccc;
color:#666666;
}
textarea 
{...}{
font-family: Verdana, Arial, Helvetica, sans-serif;
border: 1px solid #cccccc;
color:#666666; 
}
#tagad
{...}{
display:none;
}
本文分享了一次CSS样式调整的经历,作者使用marvin2样式并对页面进行了重新设计,详细展示了修改后的CSS代码片段,包括BODY、A链接、H1、H2等元素的样式设置。





