善用CSS　美化個人部落格

　　網路科技發達，許多人喜歡在網路上架設部落格來分享個人生活。然而在部落格四處可見的的網路世界中，要如何讓自己的部落格看起來與眾不同，獨樹一幟，便是一個大學問。其中，CSS語法便是個人化部落格的一大利器，加以善用，便可以替自己創造出一個屬於自己、深具個人風格的部落格。

　　俗話說：「人要衣裝，佛要金裝。」屬於自己的個人部落格，當然也需要好好編排設計一番。其實利用CSS語法設計個人的部落格並不困難，但是許多人總認為語法好多好複雜，而不曉得該從何著手，便放棄發揮創意，好好設計個人部落格的機會，真的非常可惜。

　　簡單瞭解何謂CSS。其實CSS語法的出現，是為了方便版面編排、樣式設計而發明的一種簡易語法，英語全稱為Cascading Style Sheets（層疊樣式表）。其主要目的在於將文件的內容架構與文件的顯示樣式分隔開來，以方便使用CSS語法對文件的內容架構之顯示樣式做全盤性的編排設計。藉由這種方便的編排設計概念，我們在利用CSS語法設計個人部落格時，便可以忽略自己所寫過的文章內容或其他文字，而單純對各區塊的樣式進行設計。

　　而利用CSS語法來編排網頁的基本概念，其實有點類似表格的方式，將版面切割成好幾個區塊，然後再針對所分割出來的各個區塊，分別做個人所喜好的樣式設計，使各區塊的樣式設計得以更加一致且清楚整齊。簡單說明CSS的分割區塊概念，以最常見的部落格版面樣式為例，通常會包含定位框（Container）、頁首／檔頭／標題（Banner／Header）、中欄（mid）、及頁尾（footer），其中中欄內又可能會有左欄（left）、右欄（right）、及文章欄（content），請見圖一。

照片

　　瞭解CSS基本的分割區塊概念之後，相信大家應該不難理解，假如想改變任一區塊的樣式，只需前往尋找該區塊的語法部份進行修改即可，如此是不是相當方便呢？而語法部分，其實大部分都只是簡易的英文或基本的Html語法，例如背景顏色就是bgcolor、背景圖片很簡單地可想而知，就是bg-image嚕。

　　因此，利用CSS語法修改個人部落格版面其實並不困難，只需抓住幾個訣竅並且找尋關鍵字，在關鍵字部分的語法進行簡單的修改後，人人都可以創造屬於自己的個人化部落格唷！

本篇文章及影片引用之部落格：天濛濛、他踢圖畫記事本、The Moment、鬼妹CSS設計、鏡‧空間、瞳‧出沒、咖啡Club、伽瑪星雲第58號行星。（我只記得這些，其他忘記的很抱歉了…）

後記：
　　之所以會想做這個主題，是因為個人對於部落格的版面編排相當有興趣，每次新開部落格，總是忍不住想要嘗試用css把部落格弄的漂亮一些，讓自己也更喜歡該部落格之後，就會常到那邊寫文章。

　　因此在申請了peopo之後，我也曾經研究過該如何把peopo弄得個人化一些，但後來發現peopo目前好像只能套用預設格式，讓我有那麼一點點失望，所以想說推廣一下css的使用，一方面看看能不能促使peopo也開放css修改的功能服務（私心…哈哈…），一方面也順便讓大家都認識一下css。

　　不過我對css的認識也僅止於皮毛，所以假如文章或影片中有任何錯誤的地方，歡迎指正。對了，順帶一提，其實peopo的預設格式都還滿漂亮的，所以有稍稍填補了一下我的失望啦，呵。