基于Jeolee模板的CSS DIY

??本萌新！好像！会写CSS了！（醒醒你不会啊）

??主要参考了某篇替换背景的博客，然后按照博主的指导尝试替换了网页中某些部件的font，padding，margin之类的玩意儿（好像是这些？？完全不懂，标签和属性多得让人头大）。

??下面贴代码（背景的地址随便加_(:з」∠)_，不过想显示的东西最好在图片右边）：

body{
    background: url(address);
    background-position: right;
    background-repeat: no-repeat;
    background-attachment: fixed;
    background-size: contain;
}

#wrap {
    margin-left: 0px;
    margin-right: 0px;
    text-align: left;
    width: 932px;
    height: 100%;
}

#content{
    font-size:20px;
}

.linex{
    height:12px;
}

.date{
    padding-bottom:8px;
    font-family: Times New Roman,kaiti;
}

h2 a:link, h2 a:visited, h2 a:active {
    font-family: Times New Roman,kaiti;
    font-size: 20px;
    color: rgba(25, 25, 25, 0.68);
}

.c_b_p_desc {
    font-size: 16px;
    font-family: Times New Roman,kaiti;
    text-indent: 32px;
    color: rgba(10, 28, 97, 0.65);
}

A:visited {
    color: #30f;
}

.author {
    font-family: Times New Roman,kaiti;
    font-size: 15px;
    color: #266969;
    font-weight: normal;
    padding-top: 8px;
    padding-bottom: 12px;
    letter-spacing: -0.1px;
}

#menu {
    font-size: 16px;
    font-family: Times New Roman,kaiti;
    color: #52126b;
    line-height: 20px;
}

#header{
    color:rgb(64, 3, 88);
    font-weight:normal;
    font-size:13px;
    font-family:华文楷体;
    text-shadow: 1px 1px 1px rgba(141, 31, 185, 0.72);
}

#header h1 a {
    font-size: 20px;
    color: rgb(64, 3, 88);
    font-family: 华文楷体;
    text-shadow: 1px 1px 1px rgba(141, 31, 185, 0.72);
}

#menumiddle{
    width: 190px;
    padding-left: 20px;
}

h3 {
    left: -15px;
    padding-top: 15px;
    padding-left: 20px;
    font-size: 12px;
    font-family: Times New Roman,kaiti;
    margin-top: 0px;
    font-size: 20px;
    margin-bottom: 0px;
}

#profile_block {
    margin-bottom: 5px;
    padding-left: 20px;
    font-size: 16px;
}

#menu ul {
    padding-left: 20px;
    padding-top: 5px;
    margin-bottom: 5px;
    padding-bottom: 2px;
}

#menu a {
    font-size: 16px;
    font-family: Times New Roman,kaiti;
}

#menu li{
    font-size=16px;
    padding-bottom:0;
    margin-bottom: 5px;
}

#blogs_post_body h1, .blog_comment_body h1 {
    font-family:Times New Roman,华文楷体;
    font-size: 28px;
    width:630px;
}

#cnblogs_post_body h2, .blog_comment_body h2 {
    font-family:Times New Roman,华文楷体;
    font-size: 24px;
    width:630px;
}

#cnblogs_post_body h3, .blog_comment_body h3 {
    font-family:Times New Roman,华文楷体;
    font-size: 20px;
    width:630px;
}

#cnblogs_post_body h4, .blog_comment_body h4 {
    font-family:Times New Roman,华文楷体;
    font-size: 20px;
    width:630px;
}

#cnblogs_post_body h5, .blog_comment_body h5 {
    font-family:Times New Roman,华文楷体;
    font-size: 18px;
    width:630px;
}

#cnblogs_post_body h6, .blog_comment_body h6 {
    font-family:Times New Roman,华文楷体;
    font-size: 18px;
    width:630px;
}

#BlogPostCategory {
    margin-bottom: 12px;
    font-size: 18px;
    font-family: Times New Roman,kaiti;
}

#EntryTag {
    padding-bottom: 5px;
    font-family: Times New Roman,kaiti;
    font-size: 18px;
}

#green_channel{
    margin-left: auto;
}

#post_next_prev {
    font-size: 16px;
    font-family: Times New Roman,kaiti;
}

a:-webkit-any-link {
    font-size:18px;
    font-family:Times New Roman,kaiti;
}

#HistoryToday, .recomm-block {
    font-family: Times New Roamn,kaiti;
    font-size: 20px;
    line-height:1.5;
}

.c_ad_block {
    font-family: Times New Roamn,kaiti;
    font-size: 20px;
}

??感觉还可以，但是吧，由于我基本没写啥，这个#wrap（也就是那个放标题和摘要的东西）的高度不够……

??emmmm，然后右边的menu就华丽的被#content_botton（不记得是不是这个了，反正是个啥的bottom）遮住了（诶嘿，Kira☆【口区】，我先水几篇博客上去，这样Bug就没有啦【自欺欺人】）。

??革命尚未成功，CSS之后还是要系统学的（你的Html还没学会啊ほら！）。