奇異果~快樂禪心部落格

關於部落格
東方禪風與心理學的完美對話
  • 55386

    累積人氣

  • 0

    今日人氣

    0

    訂閱人氣

[天空部落] 利用CSS語法調整文章的行距



奇異果來分享一下,自己是怎麼做修正的,其實我也對CSS語法非常不了解,但經過資料搜集和多次的嚐試錯誤之後,才慢慢的把行距調到自己滿意的狀況。


因為要修改的是發表文章的內容,所以先到後台的CSS編輯器中,此時會看到一堆複雜的語法(很恐怖),沒關係,不要理它們,只要找到 .post_content 這個項目,並到此項目後面的括弧內做修正就可以了!



.post_content
{
  BORDER-RIGHT: #fff 0px solid; BORDER-TOP: #fff 0px solid; PADDING-LEFT: 15px; FONT-SIZE: 13px; BACKGROUND-IMAGE: url(http://pics.blog.yam.com/themes/black/images/a-t2.gif); PADDING-BOTTOM: 15px; BORDER-LEFT: #fff 0px solid; LINE-HEIGHT: 30px; PADDING-TOP: 15px; BORDER-BOTTOM: #fff 0px solid; BACKGROUND-REPEAT: repeat-y; HEIGHT: 180%;
}


這個段落的語法中,要修改的我以藍底來呈現,也就是只要調整行的高度即可,我是將 line-height 改成30px,將 height 改成180%,而呈現出來的效果就如本篇文章的行高。當兩樣修改都完成後,在文字外框的右下角按下存檔,調整的動作就完成了!


我個人在閱讀部落格時,偏好比較大的字體,且比較寬的行距,感覺會比較好讀 (我不是老人,但就是習慣這樣),相信也有很多讀者與我的習慣相同,所以建議大家在編輯部落格時,能考量讀者閱讀的感受,營造出舒適的閱讀環境。
相簿設定
標籤設定
相簿狀態