註冊線上編輯器 http://codepen.io/
1.為什麼要選擇使用 codepen.io 線上編輯器?
2.線上編輯器的使用教學影片
此教學影片 由六角學院王志誠老師錄製
(PS.請登入Facebook後收看。雖然前陣子codepen.io有小小調整過它們的編輯器，教學影片中的是舊版的，但是按鈕和功能應該沒有大變動，還是可以參考。)
3.在CSS的設定上，該核取哪一個呢? reset 還是 Normalize ?
兩者都是歸零的作用。在寫入自己的CSS之前，先載入一支歸零用的CSS，是為了要讓網頁在一開始，就在所有瀏覽器都長得一模一樣，大幅減少因為各瀏覽器樣式的差異而造成網頁切版時疲於針對各瀏覽器各別調整的問題。reset 和 Normalize詳細的差異請參考以下文件：
參考說明：網站建置不是件簡單的事 @ 跨瀏覽器網頁設計密技 (1) by The Will Will Web部落格