快速學習修改Blogger CSS筆記(2009/5/26修改)

因為實在不能再忍受《通達人驛站》的樣式一直保持著「清爽」的樣子：
但直接套用Desert樣式又有舊版樣式的顧慮，所以就從Blogger內挑選了一個既有樣式 Rounders 4 ，最後再手動將Desert的樣式一個個套入。


為此，我開始學習CSS。但這次我運氣好，讓我找到個好站：0 與 1 謎詭世界和 Muki Space。
以下，我就將自己學習CSS的要徑寫下來，除了作為筆記之外，也讓所有讀者能更容易的學習CSS。只要你按照這個順序，即使你沒有學習寫程式的經驗，也能很容易地學會如何修改CSS。

另外，這篇文章撰寫的思維是用「先見林再見樹」的方式-先有整體的概念，再進入細部介紹。

而且，這篇文章會持續地更新。

新手Blogger

如果你想要介紹一個新手「從無到有」的學習Blogspot，那你可以從這開始，但如果你已經能申請Blogger、也能自行發表新文章了，請略過這節。

• 好用的Blogspot-我如何挑選Blog平台
  這篇文章說明了自己為什麼會選Blogspot作為Blog的平台。換句話說，我直接挑明講Blogspot和其他平台比較的優點。
  
• Blogger初入門教學彙集
  這篇文章從申請blogger開始，再到申請Gmail帳號，對完全沒有使用Blogger的人最合適了！
• Blogger 初始，注意事項
  這篇文章介紹blogger的基本設定，我個人覺得非常實用！

CSS的基本觀念

是學習修改Blogger CSS筆記的基礎，一定要學會才能了解下節的內容。

• 學css前要準備什麼?
  這篇是我看過關於CSS最淺顯的介紹。
• 輕鬆上手css(I) - 不可不知篇
  這篇文章簡單扼要，說明了CSS的使用特點。
• Blogger template模板教學課程---CSS外觀解說
  這篇文章最棒的地方是用圖解說明「模版基本結構」，這個最對我的味口，因為可以一目了然地看出設定與實際樣式的相對應關係。
• 輕鬆上手CSS(II) - 叫叫ABC篇
  這篇實際介紹各種使用CSS的方式。
• 輕鬆上手CSS(III) - 修改?創造?基本語法傳授!!
  這篇介紹的是常用的CSS選擇器/語法。

但如果你還是比較喜歡偏文字的說明，請看這篇：

• Blogger template模板教學課程---概說及基本結構
  這篇文章則是用樣式內的設定說明「模版基本結構」和一些初學者常會問到的問題。

當然，如果你還是習慣想先了解CSS的所有資料，請看：

• 認識CSS樣式表
  這篇文章則是鉅細靡遺的詳細介紹關於CSS的相關知識，但我仍建議遇到問題再進去看，不然可能一下會被太多資料嚇壞了！

CSS的進階觀念

這一節後是要繼續了解每個CSS結構的簡要說明：

• 快速寫好CSS的5種方法
  這個對撰寫出正確、可執行的CSS，提出了具體可行的方法，值得一讀再讀。
• blogger模版CSS語法細部介紹(上)
  介紹：【body】模板配置、【Header】頁首、【Main】主文、【post】頁尾的結構與主要語法。
• Blogger模版CSS語法細部介紹(下)
  介紹：【Sidebar】邊欄、【comments】意見區、【footer】頁尾區的結構與主要語法。

CSS的語法差異

前面的文章看完後，你會看到一些很常見的東西，但又不太容易了解、或是很容易誤解的東西：

• margin和padding的差異
  請見Blogger 新手基本技巧問答（二）。
• DIV 與 SPAN 標籤的比較與應用
  請見軟體大學-《DIV 與 SPAN 標籤的比較與應用》