Memory journey

偶尔当当傻瓜不好吗？？可以背我欺负一下啊~~~(*^__^*) 嘻嘻……

有不懂问我好了。你可以把它复制到你的css里面，然后一条一条改了看效果，最后像我一样做注解就行了。一些css的专用语言可以搜一下，我就不说了。
我的这个模板是用简约风格2改来的，花3~4个小时吧，忘记了。我也是没有基础一点一点研究出来的，不难，你也一定行的：）

我的模板的css，希望能对你有用。我一开始在前后做了注解了，后来不高兴了，就没注解下去，不过如果你前面看的懂的话，后面也没问题了：）
@charset "utf-8";
/* BlogBus skin #032 - Code by Innocent Sin */

* { margin:0; padding:0; }

/*背景*/
body {width:660px; margin:20px 26px 20px 10px; background-image:url(http://filer.blogbus.com/4309893/43098931254921006i.png); font-family:Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#333333; text-align:center; overflow:auto;}
/*背景*/

ul { list-style:none; }

#container {text-align:left; margin-left:0px }

/*所有超链接*/
a { color:#ff9900; text-decoration:none; }
a:hover {color:#ff9900; text-decoration:underline;}
a img { border:0; }
/*所有超链接*/

/*头部*/
#header a {color:#ffffff; background:#000000;text-decoration:none}/*头部颜色*/
#header a:hover {color:#ffffff;background:none;text-decoration:none; }/*头部超链接颜色*/
#header h1 {margin-left:40px;font-family:"Microsoft Yahei"; font-weight:normal; font-size:36px; letter-spacing:2px;overflow:hidden;}
#header .description {color:#ffffff;background:#000000;text-align:center;overflow:hidden;height:15px;letter-spacing:2px}
#header .description br { letter-spacing:normal; }
/*头部*/

#content {float:right;width:520px; overflow:hidden;background:#f3f3f3;}/*主体文章 靠右 宽度 益处 背景*/

#content #posts li { margin-bottom:40px; }/*正文间距*/

#content h2 {margin:0 0 0px; font-size:15px; font-weight:normal; letter-spacing:0.2em; }/*标题后部分类的括号*/

#content h2 a {text-decoration:none;font-size:14px}/*文章标题*/

#content h2 a:hover{ text-decoration:underline}/*文章标题*/

#content h3 { margin:0px 1px 0px 0px; font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; font-weight:normal; color:#ff0033; letter-spacing:0.2em; }/*标题上的日期*/

#content ul#posts li { margin-bottom:20px; padding:10px; border-bottom:1px solid #0099cc ; position:bottom; }/*正文框颜色*/
#content ul#posts .postBody { margin:20px 0 26px; line-height:170%; }/*标题与正文间距*/
#content ul#posts .postBody p { margin-bottom:1em; }
#content ul#posts .postBody img { clear:both; }

/*不知道 好像是阅读全文 发表评论等等的东西*/
#content #posts li .postBody ul,ol { margin:0; padding:0; margin-left:20px; }
#content #posts li .postBody li { margin:0; padding:0; padding:0 2px;list-style-position:inside; }
#content #posts li .postBody ul li { list-style:disc; }
#content #posts li .postBody ol li { list-style:decimal; }
#content ul#posts .postFooter .tags { margin-bottom:10px; }
#content ul#posts .postFooter .tags a { margin-left:4px; font-weight:normal; }
#content ul#posts .postFooter .tb_url { margin-bottom:10px; }
#content ul#posts .postFooter .tb_url input { margin-left:4px; width:340px; }
#content ul#posts .postFooter .author { margin-right:4px; font-weight:bold; }
#content ul#posts .postFooter .time { font-family:Georgia, "Times New Roman", Times, serif;margin-left:4px; }
#content ul#posts .postFooter .count { font-family:Georgia, "Times New Roman", Times, serif; font-size:12px; color:#ff9900; letter-spacing:0.2em; }
#content .pageNavi { margin:1px 6px; }
#content .pageNavi a { font-style:italic; }
#content #noPosts { margin:26px 2px 0; }
#content .context { margin:5px 0 0px; letter-spacing:0.1em; text-align:center; }
#content .context a { margin:0 6px; }

#content #trackbacks { margin:0 6px 40px 0; }
#content #trackbacks h2 { margin-bottom:20px; padding-bottom:2px; border-bottom:1px dotted #CCC; font-size:12px; font-weight:bold; color:#666; letter-spacing:0.2em; }
#content #trackbacks h3 { margin:0 0 6px; padding:0; letter-spacing:0.1em; }
#content #trackbacks li { margin:0 4px 24px; padding:0; }

#content #trackbacks div { margin-bottom:3px; }

#content #trackbacks .content { margin-top:2px; line-height:150%; }
#content #trackbacks .desc { margin:0 2px 16px; }
#content #trackbacks .time { font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; font-weight:normal; color:#FF7070; letter-spacing:0.2em; }
/*不知道*/




#content #comments { margin:0 6px 40px 0; }/*已写的评论与评论输入框的距离*/

#content #comments h2 { font-size:13px;color:#333333;font-weight:bold;padding-bottom:40px; }/*评论分割颜色*/


#content #comments li { margin:0 0 40px; }/*每条评论间的距离*/

#content #comments .cmtBody { margin-left:15px; color:#0099cc; margin-bottom:1px; line-height:100%; }/*评论内容和评论者的间距*/

#content #comments .cmtBody br { letter-spacing:normal; line-height:120%;}

#content #comments .menubar .author {margin-left:15px; font-weight:bold;font-size:12px;}/*作者无超链接的颜色*/

#content #comments .menubar .author a { color:# ff9900; text-decoration:none; }/*作者有超链接的颜色*/

#content #comments .menubar .author a:hover { text-decoration:underline;}/*作者有超链接的颜色，鼠标移上去的样子*/

#content #comments .menubar .time { font-family:Georgia, "Times New Roman", Times, serif; margin-left:4px;}


#content #comments .menubar .reply { margin-left:4px; }




#content #comments .reCmtBody {font-size:12px;margin:6px 15px 6px; padding:3px 6px; border:1px dotted #0099cc ; color:#333333; }/*我回复的边框及内容字体颜色*/

#content #comments .reCmtBody div { margin-bottom:3px; }/*回复中的间距*/
#content #comments .reCmtBody div span { font-weight:bold; margin:0 4px; } /*回复中的引用的艰巨*/

#content #comments .reCmtBody div span.author { margin-left:0; }/*不知道*/
#content #comments .reCmtBody .content { line-height:170%; }
#content #comments .reCmtBody .time { font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; font-weight:normal; color:#333333; letter-spacing:0.2em; }/*回复的时间*/

#content #commentForm { margin:0 4px 10px; }/*不知道*/
#content #commentForm h2 {font-size:13px;color:#333333;font-weight:bold; padding-bottom:10px;}/*发表评论*/

#content #commentForm div { color:#0099cc;margin:5px 0; }

#content #commentForm .textField { padding:2px 1px; width:240px; border:1px solid #0099cc; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0099cc; }/*发表评论的用户名 地址等的框*/

#content #commentForm textarea { margin:8px 0; width:360px; overflow:auto; padding:2px 1px; border:1px solid #0099cc; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#0099cc; }/*发表评论的内容框*/


#content #commentForm label { margin:2px; display:block; }/*发表评论的用户名 地址等的框的间距*/


#content #commentForm .button { margin-right:4px; background:#0099cc; font-size:12px; letter-spacing:0.5em; padding:1px 0 3px 6px; width:60px; color:#f3f3f3; cursor:pointer; border:0;}/*发表评论的提交按钮*/




#sidebar {width:139px; font-size:12px; float:left; letter-spacing:0.1em; line-height:100%; overflow:none; background:#ffffff;}/*边栏内容属性*/


#sidebar br { letter-spacing:normal; }
#sidebar h2 { margin-top:10px;margin-bottom:1px; padding-bottom:1px;font-size:12px;margin-left:15px}/*边侧栏标题属性*/
#sidebar h3 { font-size:12px; margin:0 2px 0px; }
#sidebar ul li { margin:4px 0; }/*wegit 上下间距*/
#sidebar .modBody { margin:5px 0px 0px 15px; }/*边侧栏内容定位*/
#sidebar .count { margin-left:4px; font-family:Georgia, "Times New Roman", Times, serif; font-size:11px; color:#ff0033; }/*访问统计的数字*/

#sidebar img.avatar { margin:0 2px 2px ; padding:4px; width:40px; height:40px; overflow:hidden; }/*头像显示*/


#sidebar a:hover img.avatar { border-color:#AECFD7; }
#sidebar .about { margin-left:1px; }

#sidebar #calendar table { padding:0; border:0; width:120px; line-height:140%; }
#sidebar #calendar td { text-align:center; }
#sidebar .calendarHead td { padding:0 0 6px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:14px; color:#007AD3; }
#sidebar .calendarHead td a { font-size:12px; font-weight:bold; }
#sidebar .week td { padding:0 2px 2px; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; text-transform:uppercase; }
#sidebar .day td { padding:2px 2px 2px; font-family:Verdana, Arial, Helvetica, sans-serif; }
#sidebar .day td.today { background:#F0F0F0; font-style:italic; }
#sidebar .module { width:120px; margin:0 auto 30px;}


#sidebar #login .modBody { margin-bottom:-6px; }
#sidebar #login div { padding:0 0 4px; }
#sidebar #login label { margin:0 6px 0 2px; }
#sidebar #login .submit { margin:2px 0 0 152px; }
#username, #password { padding:2px 1px; width:160px; border:1px solid #7F9DB9; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#666; }
#sidebar .button { font-size:12px; letter-spacing:0.5em; padding:1px 0 3px 6px; width:60px; color:#366; cursor:pointer; }

#sidebar #tags .more { margin-top:2px; }

#sidebar #search .modBody { margin-bottom:10px; }

#sidebar #search .textField { padding:2px 1px; width:100px; border:1px solid #ff9900; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#ffffff; margin-bottom:6px; }
#sidebar #search .button { margin-left:50px; border:0;background:#ff9900}

#sidebar #custom {margin-top:40px; }
#sidebar .statistics { margin:0px 0 16px; }
#sidebar .statistics .count { margin:0; }
#sidebar .poweredBy { font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; font-weight:bold; color:#999; }
#sidebar .poweredBy img { margin-bottom:6px; }

#footer {padding-top:4px;font-size:12px; color:#000000; }


.clear { clear:both; }

* html #content h3 { padding-bottom:4px; }
* html #sidebar .button { padding:3px 0 0; }
* html #sidebar .subscribe img { top:0; left:-60px; }
* html #content #commentForm .button { padding:3px 0 0; }