终于把csdn上的这个blog搞的相个样子了

以前做过设计，要不然真高不定，这个blog每个摸班的div的id都不一样好象

这个叫人头痛，选定一个blue的摸班 然后动手，边工作，考高了两天，不过现在还过的去

不过由于我选的这个摸班本身存在的问题我想加上一个漂亮的header就是高死也达不到如意的效果

下面是代码：

P  {...} {
    PADDING-RIGHT: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10pt; PADDING-BOTTOM: 0px; COLOR: #000; PADDING-TOP: 0px
}
A  {...} {
    
}
BODY P  {...} {
    FONT-SIZE: 12px; voice-family: inherit
}
UNKNOWN  {...} {
    FONT-SIZE: small
}
HTML  {...} {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #333; PADDING-TOP: 0px; FONT-FAMILY: verdana, arial, helvetica, sans-serif; BACKGROUND-COLOR: #fff
}
BODY  {...} {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; COLOR: #666666; PADDING-TOP: 0px; FONT-FAMILY: verdana, arial, helvetica, sans-serif; BACKGROUND-COLOR: #fff
}
H1  {...} {
    COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
H2  {...} {
    COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
H3  {...} {
    COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
H4  {...} {
    COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
H1  {...} {
    FONT-SIZE: 30px
}
H2  {...} {
    FONT-SIZE: 24px
}
H3  {...} {
    FONT-SIZE: 20px
}
H4  {...} {
    FONT-SIZE: 16px
}
.pagelayout  {...} {
    BACKGROUND: #fff; MARGIN: 5px; POSITION: absolute; TOP: 15px
}
.leftcolumn  {...} {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 10px;
    FLOAT: left;
    PADDING-BOTTOM: 10px;
    MARGIN-LEFT: -1px;
    WIDTH: 220px;
    PADDING-TOP: 0px;
    TEXT-ALIGN: left;
}
.rightcolumn  {...} {
    PADDING-RIGHT: 10px; PADDING-LEFT: 10px; FLOAT: right; PADDING-BOTTOM: 10px; WIDTH: 220px; MARGIN-RIGHT: -1px; PADDING-TOP: 10px; TEXT-ALIGN: right
}
.centercolumn  {...} {
    PADDING-RIGHT: 10px;
    PADDING-LEFT: 26px;
    PADDING-BOTTOM: 10px;
    MARGIN-LEFT: 220px;
    PADDING-TOP: 0px;
    background-image: url(https://p-blog.csdn.net/images/p_blog_csdn_net/fancylea/227417/o_view_bg.gif);
    background-repeat: repeat-y;
}
.imageFrame  {...} {
    BORDER-RIGHT: 0px; BORDER-TOP: 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; TEXT-ALIGN: center
}
.header  {...} {
padding-left: 10px;
MARGIN-BOTTOM: 0px;
COLOR: #006;
BACKGROUND-COLOR: #fff;
border-bottom-width: 1px;
border-color: #CCCCCC;
border-bottom-style: solid;
}
A.headermaintitle:link  {...} {
    FONT-SIZE: 24px; COLOR: #006bad; BACKGROUND-COLOR: #fff
}
A.headermaintitle:visited  {...} {
    FONT-SIZE: 24px; COLOR: #006bad; BACKGROUND-COLOR: #fff
}
A.headermaintitle:hover  {...} {
    FONT-SIZE: 24px; COLOR: #006bad; BACKGROUND-COLOR: #fff
}
A.headersubtitle:link  {...} {
    FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #006bad; FONT-STYLE: italic; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
A.headersubtitle:visited  {...} {
    FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #006bad; FONT-STYLE: italic; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
A.headersubtitle:hover  {...} {
    FONT-WEIGHT: normal; FONT-SIZE: 18px; COLOR: #006bad; FONT-STYLE: italic; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
.footer  {...} {
    CLEAR: both;
    PADDING-RIGHT: 10px;
    BORDER-TOP: #006 1px solid;
    PADDING-LEFT: 0px;
    FONT-SIZE: 11px;
    PADDING-BOTTOM: 0px;
    WIDTH: 100%;
    COLOR: #006;
    PADDING-TOP: 2px;
    TEXT-ALIGN: center;
}
.spacer  {...} {
    CLEAR: both;
}
.dateTitle  {...} {
    PADDING-RIGHT: 2px; MARGIN-TOP: 0px; PADDING-LEFT: 2px; FONT-WEIGHT: bold; FONT-SIZE: 12px; BACKGROUND: #54B0F1; 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
}
.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.csdn.net/images/p_blog_csdn_net/fancylea/227417/o_sort.jpg);
}
.list  {...} {
    BORDER-RIGHT: #aaaaaa 1px dotted; PADDING-RIGHT: 5px; BORDER-TOP: 0px; PADDING-LEFT: 5px; MARGIN-BOTTOM: 15px; BORDER-LEFT: #aaaaaa 1px dotted; BORDER-BOTTOM: #aaaaaa 1px dotted
}
.postlist  {...} {
    BORDER-RIGHT: #aaaaaa 1px dotted; PADDING-RIGHT: 5px; BORDER-TOP: 0px; PADDING-LEFT: 5px; MARGIN-BOTTOM: 15px; BORDER-LEFT: #aaaaaa 1px dotted; BORDER-BOTTOM: #aaaaaa 1px dotted
}
.postList  {...} {
    BORDER-RIGHT: #aaaaaa 1px dotted; PADDING-RIGHT: 5px; BORDER-TOP: 0px; PADDING-LEFT: 5px; MARGIN-BOTTOM: 15px; BORDER-LEFT: #aaaaaa 1px dotted; BORDER-BOTTOM: #aaaaaa 1px dotted
}
.singlepost  {...} {
    BORDER-RIGHT: 0px; PADDING-RIGHT: 5px; BORDER-TOP: 0px; PADDING-LEFT: 5px; MARGIN-BOTTOM: 15px; BORDER-LEFT: 0px; COLOR: #006; BORDER-BOTTOM: #006 1px solid; BACKGROUND-COLOR: #fff
}
.postFoot  {...} {
    FONT-SIZE: 9pt; PADDING-BOTTOM: 5px; COLOR: #000; BACKGROUND-COLOR: #fff; TEXT-ALIGN: left
}
.postTitle  {...} {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 14px; PADDING-BOTTOM: 5px; CURSOR: hand; COLOR: #006bad; PADDING-TOP: 5px; BACKGROUND-COLOR: transparent; TEXT-DECORATION: underline
}
.postText  {...} {
    FONT-SIZE: 12px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
}
.singleposttitle  {...} {
    FONT-WEIGHT: bold; FONT-SIZE: 22px; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: underline
}
A.singleposttitle:link  {...} {
    FONT-WEIGHT: bold; FONT-SIZE: 22px; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: underline
}
A.singleposttitle:visited  {...} {
    FONT-WEIGHT: bold; FONT-SIZE: 22px; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: underline
}
A.singleposttitle:hover  {...} {
    FONT-WEIGHT: bold; FONT-SIZE: 22px; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: underline
}
A.itemdesc:link  {...} {
    FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
A.itemdesc:active  {...} {
    FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
A.itemdesc:visited  {...} {
    FONT-WEIGHT: normal; FONT-SIZE: 11px; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
A.itemdesc:hover  {...} {
    COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: underline
}
UL.entrylist  {...} {
    BORDER-TOP-WIDTH: 0px; PADDING-RIGHT: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 0px; BORDER-LEFT-WIDTH: 0px; FONT-SIZE: 12px; BORDER-BOTTOM-WIDTH: 0px; MARGIN-LEFT: 0px; COLOR: #000; MARGIN-RIGHT: 0px; LIST-STYLE-TYPE: none; BORDER-RIGHT-WIDTH: 0px
}
LI.entrylistitem  {...} {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 5px; MARGIN: 3px 0px; PADDING-TOP: 5px; TEXT-ALIGN: left
}
A.entrylisttitle:link  {...} {
    FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: underline
}
A.entrylisttitle:visited  {...} {
    FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: underline
}
A.entrylisttitle:active  {...} {
    FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: underline
}
A.entrylisttitle:hover  {...} {
    FONT-WEIGHT: bold; FONT-SIZE: 13px; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: underline
}
UL.list  {...} {
    BORDER-RIGHT: #aaaaaa 1px dotted; PADDING-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 0px; FONT-SIZE: 12px; MARGIN-LEFT: 0px; BORDER-LEFT: #aaaaaa 1px dotted; COLOR: #000; MARGIN-RIGHT: 0px; BORDER-BOTTOM: #aaaaaa 1px dotted; LIST-STYLE-TYPE: none
}
LI.listitem  {...} {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 9pt; MARGIN-LEFT: 5px; LIST-STYLE-TYPE: none; TEXT-ALIGN: left
}
A.listitem  {...} {
    FONT-WEIGHT: lighter; FONT-SIZE: 10pt; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
A.listitem:link  {...} {
    FONT-WEIGHT: lighter; FONT-SIZE: 10pt; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
A.listitem:visited  {...} {
    FONT-WEIGHT: lighter; FONT-SIZE: 10pt; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
A.listitem:active  {...} {
    FONT-WEIGHT: lighter; FONT-SIZE: 10pt; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
A.listitem:hover  {...} {
    COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: underline
}
BLOCKQUOTE  {...} {
    BORDER-RIGHT: #666 2px solid; PADDING-RIGHT: 5px; BORDER-TOP: #666 2px solid; PADDING-LEFT: 8px; BACKGROUND: #e1ebf4; PADDING-BOTTOM: 5px; MARGIN: 0px 15px 10px; BORDER-LEFT: #666 2px solid; PADDING-TOP: 5px; BORDER-BOTTOM: #666 2px solid
}
IMG  {...} {
    BORDER-RIGHT: medium none; BORDER-TOP: medium none; BORDER-LEFT: medium none; BORDER-BOTTOM: medium none
}
DIV.seperator  {...} {
    PADDING-RIGHT: 0px; BORDER-TOP: #006bad 1px solid; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 5px 0px 0px; WIDTH: 95%; PADDING-TOP: 0px; HEIGHT: 1px; BACKGROUND-COLOR: #fff
}
A:link  {...} {
    FONT-WEIGHT: bold; COLOR: #006bad; TEXT-DECORATION: none
}
A:visited  {...} {
    FONT-WEIGHT: bold; COLOR: #006bad; TEXT-DECORATION: none
}
A:active  {...} {
    FONT-WEIGHT: bold; COLOR: #006bad; TEXT-DECORATION: none
}
A:hover  {...} {
    BACKGROUND: #000;
    COLOR: #fff;
}
.commentform  {...} {
    TEXT-ALIGN: left
}
.moreinfotitle  {...} {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-WEIGHT: bold; FONT-SIZE: 13px; PADDING-BOTTOM: 0px; MARGIN: 0px; LINE-HEIGHT: 14px; PADDING-TOP: 0px
}
.moreinfo  {...} {
    BORDER-RIGHT: 0px; BORDER-TOP: 0px; MARGIN: 15px 0px; BORDER-LEFT: 0px; BORDER-BOTTOM: 0px; BACKGROUND-COLOR: #fff
}
UL.morelist  {...} {
    BORDER-RIGHT: 0px; PADDING-RIGHT: 0px; BORDER-TOP: 0px; MARGIN-TOP: 0px; PADDING-LEFT: 0px; MARGIN-LEFT: 0px; BORDER-LEFT: 0px; MARGIN-RIGHT: 0px; BORDER-BOTTOM: 0px; LIST-STYLE-TYPE: none
}
LI.morelistitem  {...} {
    PADDING-RIGHT: 0px; PADDING-LEFT: 0px; FONT-SIZE: 10px; MARGIN-LEFT: 0px; TEXT-ALIGN: left
}
A.printlink:link  {...} {
    FONT-WEIGHT: normal; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
A.printlink:visited  {...} {
    FONT-WEIGHT: normal; COLOR: #006bad; BACKGROUND-COLOR: #fff; TEXT-DECORATION: none
}
A.printlink:hover  {...} {
    TEXT-DECORATION: underline
}
SPAN.highlight  {...} {
    BACKGROUND-COLOR: yellow
}
.Tag  {...} {
    display: none;

    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
}
#tagad
{...} {
display:none;
}