终于把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.youkuaiyun.com/images/p_blog_youkuaiyun.com/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.youkuaiyun.com/images/p_blog_youkuaiyun.com/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;
}