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屬性，改變了字體等格式。

第三步，試圖更改側邊欄控件順序。

　　想把隨筆分類放到最上面，可是查閱代碼發現，側邊欄彷佛只能改公告，控件順序是排定的。

整體說已經符合審美了，暫且如此，之後有興趣再繼續美化~