Hello Blog之界面设置（HTML/CSS）

初来乍到，先做博客UI

博客园给了官方模板：http://skintemplate.cnblogs.com/  不过太古老了不符合审美。

百度一下决定用下 http://www.cnblogs.com/yescoolfan/p/3462350.html 字体比较漂亮而且简洁。复制CSS代码。

打开我的主页，按F12打开firefox代码查看器。

第一步，先换背景。

　　定位到CSS中的属性：background: #205424 url('http://mat1.gtimg.com/www/mb/theme/qqfs/one_lhj/wrapBg.jpg') no-repeat top center fixed;

　　原图尺寸2000×940，这里可以考虑下载一张图上传到博客相册，然后重新设置url链接即可。

　　四个属性：

　　　　no-repeat：下拉时是否重复图片;

　　　　top：图片是否定格显示（如不选则图片根据内容高度自动居中）;

　　　　center：左右居中;

　　　　fixed：图片是否随下拉而滚动。

　　最终代码： background:#fbf5dc url('http://images.cnblogs.com/cnblogs_com/flyme1993/978927/o_background.jpg')  no-repeat top center;

　　由于想展示整个图，所以取消了fixed属性，为了颜色连贯，用取色器取了图片下方到颜色#fbf5dc作为其他背景。

第二步，增加副标题。

　　查阅http://www.cnblogs.com/asxinyu/p/Bolg_Category_StyleSetting_2.html过程中得知副标题是在后台设置。

　　加入副标题后，通过调整CSS中的h2属性，改变了字体等格式。

第三步，试图更改侧边栏控件顺序。

　　想把随笔分类放到最上面，但是查阅代码发现，侧边栏似乎只能改公告，控件顺序是排定的。

总体说已经符合审美了，暂且如此，以后有兴趣再继续美化~