我的CSS學習之路：工具篇
工具：
一、書，數本。
二、編輯器，目前使用Top Style Lite，免費。
三、偷窺器，FireFox的外掛「 web developer」一枚，免費。
下面讓我細說分明：
一、書
我買了
第一、二本我擺著隨手翻查用。
第三本，我從頭到尾看完，掩卷長嘆：「我終於知道什麼是CSS啦～」
第四本，最早買，但是還沒開始看….
二、編輯器
目前只有使用Top Style Lite，另外還有付費版本Top Style Pro，不過我不知那郭好不好用，耗不耗資源。
不過因為我不想再多裝整套的網頁編輯軟體，像DreamWeaver或FrontPage，更不想常常把這些軟體開著，有這種小小免費軟體用用也就OK了。
▼如下圖，圖中的編輯區之左上角是CSS語法編輯區。右上角是選取器，一些屬性如字體大小、底色等等，都可以在右邊直接選取。圖中的整個下半部是預覽區。
（阿阿～我終於不用在MT的樣式表裡面撥撥弄弄，然後重整以後到網站前端去看調整的結果了！）
（是滴，本小姐我一開始就是這樣搞滴～）
三、火狐瀏覽器的外掛Web Developer，碰到自己寫語法的疑難，想要參考的網站，這是最好的工具啦！必備必備！
▼下圖，把web Developer在火狐瀏覽器裡裝好之後，檢查「工具＼擴充套件」可以看到它的版本資訊跟簡短說明。
▼下圖，安裝好後重新開啟一次火狐，就會有一個新的ToolBar出現。
泥看看～泥看看～那郭「CSS」下面的「View CSS」給他按下去….有哪一個網站的CSS你不能手到拿來壓～！
但是話又說回來，著作權是很重要低～
參考可以，照抄照CO可是很讓人不恥的行為壓，爾等不為，爾等不為….
學習之路相當漫長，目前能拿出來分享的只有工具而已。
心得還談不上。
我還在到處找書、找網頁，吸收別人心得的階段。
今天看DDT波了一篇CSS的解說，有感而發。
超配湖耶~~~感動中
阿妮奇
2005/03/08 at 17:47
厲害厲害，見文又多學幾招，萬事皆備呢!
DDT
2005/03/10 at 22:42
我看了一下你的CSS，你可以設一個#container的calss，內容只要有margin-left:auto; margin-right:auto; width: ###px; (寬度自訂，但是要比content+links的寬度寬一點)
#content裡面把margin-right那行mark起來，#links裡面加上float: right; width: 32%; mark掉margin-right: 65%這一行，這樣試試看。
然後在首頁版型裡將放在前面，最後記得多加一個在links區塊的後面，這樣網頁應該就置中啦。
DDT
2005/03/11 at 10:14
哎呀，最後一行有兩個標籤出不來，應該是把<div id=contenter>放在<div id=content>前面，加</div>在links區塊後面，這樣網頁應該就置中啦。
ddt
2005/03/11 at 10:18
天書…天書…D老師我要把你的教誨貼在桌面，好好研讀…
angie
2005/03/11 at 16:51
後記：現在我又開始試用「UltraEdit」。
目前最欣賞兩個功能：
1. 可以自動把HTML成對的標籤，用目錄樹的方式收合起來。
2. 有一個「Style Builder」，把CSS的變數跟標籤都預設好了，只要填入數字、按一按下拉式選單，現成的語法就出來了….
讚啦！！
angie
2005/03/13 at 00:35
請問下載好的Web Developer，要怎麼安裝呢?
它是.xpi檔，我要按哪裏安裝呢?
謝謝^^
秀秀
2005/03/14 at 16:22
秀秀你好壓～先打個招呼，我前兩天才下載了你提供的三個CSS樣式表回來呢～你做的很棒呢！我就是看了你的情人節粉紅版，才想要把自己的網頁也改掉的。
真巧，你也逛到我這邊來了（部落圈說大真大，說小也真小呢～）
說到那郭FIREFOX的外掛喔，如果你有裝火狐，在該網站下載了外掛回來，應該就會直接安裝了壓….（你不會沒裝火狐吧？？）
我一按跳出視窗右下角的「向都是(1)用火狐上網(2)打開工具列「工具＼擴充套件」，按下視窗右下角的「下載新套件」連結，(3)連到套件(extensions)網站，(4)下載，(5)自動安裝進火狐。
如果還有不明瞭，歡迎再來研究唷～
angie
2005/03/15 at 07:44
^^真的嗎?因為你沒有回應，所以我不知道…呵
我好高興哦~謝謝你…這真是我的榮幸…
我還以為我做的太醜…所以沒人要…呵
秀秀
2005/03/15 at 18:41