善用CSS 美化個人部落格

嵌入:
文字-A A +A

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

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

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

  而利用CSS語法來編排網頁的基本概念,其實有點類似表格的方式,將版面切割成好幾個區塊,然後再針對所分割出來的各個區塊,分別做個人所喜好的樣式設計,使各區塊的樣式設計得以更加一致且清楚整齊。簡單說明CSS的分割區塊概念,以最常見的部落格版面樣式為例,通常會包含定位框(Container)、頁首/檔頭/標題(BannerHeader)、中欄(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的預設格式都還滿漂亮的,所以有稍稍填補了一下我的失望啦,呵。

FB留言板

PeoPo 討論區

回應文章建議規則:

  • 文章屬於開放討論空間,回應文章的議題與內容不代表本站的立場
  • 於明知不實或過度謾罵之言論,本站及文章撰寫者保留刪除權
  • 請勿留下身份證字號、住址等個人隱私資料,以免遭人盜用,本站不負管理之責
  • 回應禁止使用HTML語法
Bills Jerseys

ZMLH20121005 In a few years, people like Eklund Bills Jerseys and HockeyyInsidrr don’t Authentic Bills Jerseys come to us, we choose to Bills Elite jerseys go to them. We legitimize Bills Game jerseys them by patronizing them.I’ve seen plenty of Reebok Bills Jerseys experiments where people set up fake accounts to publish fake rumors .

Bears Jerseys

ZBY020120914 All you Bears Jerseys need to do is dial the millicurves you want, put your cap in Authentic Bears Jerseys the cap curver and let it sit there for as long as you want because the longer it sits Julius Peppers Jerseys there, the longer the Johnny Knox Jerseys curve will last. If Matt Forte Jerseys the bill of your cap goes flat, just put it back on the curver to retain back its curve.

游琪琪

我覺得這個體材很貼近生活,也很吸引我!

4

加入時間: 2007.08.08

油雨傘

加入時間: 2007.08.08
6則報導
6則影音
1則OnTV

誰推薦本新聞

作者其他報導

1:16

網路Kuso新寵兒 天線寶寶也瘋狂

2007-08-29
瀏覽:
3,707
推:
1
回應:
2
1:11

智慧型手機 功能多樣任您擴充

2007-08-29
瀏覽:
7,571
推:
2
回應:
4
3:30

就是要瘋狂一次 單車環島騎士曾奕軒

2007-08-22
瀏覽:
2,968
推:
3
回應:
2
1:39

輕輕鬆鬆騎單車 快快樂樂環島趣

2007-08-22
瀏覽:
4,356
推:
3
回應:
2
0:24

碎玻璃貼圍牆 回收利用防盜「強」

2007-08-13
瀏覽:
7,270
推:
3
回應:
2

善用CSS 美化個人部落格

搜尋表單

目前累積了187,094篇報導,共12,815位公民記者

目前累積了187,094篇報導

12,815位公民記者