寫鐵人的一些心得

在鐵人賽尾聲的這天，來寫寫當初寫鐵人的計畫，學 CSS 的過程中曾經有迷惘的時候，對於許多屬性會大約操作但往往缺乏正確的概念，感謝在好想工作室 mentor Chris 的建議下開始以 Spec 學習 CSS，這個過程會遇到許多過往不曾想過的問題、了解不曾了解的部分，透過這些過程能更了解 CSS 是我覺得十分有趣的地方，也因此想透過寫鐵人賽這個契機去重新看過一次 Spec，也趁機了解以往我學習時略過的部分。

寫鐵人的過程主要是以規範所建議需要熟悉的章節為主、自己對於規範感興趣的部分為輔，共列出了 30 日的規劃（不過計劃趕不上變化，最後幾天內容有些調整），這部分收穫最大的是訓練自己將讀到的概念吸收重新轉化成文章，在轉化的過程中會需要許多實作去輔助自己了解規範所撰寫的內容、詢問自己這個概念是否有真正理解，並且去了解一些奇怪的部分，透過上面的過程對於我自己學習十分有幫助，也能深化學習的印象。

接著，我將 30 天的內容分成幾大項類別，可以以這幾大區塊為主去閱讀規範：

CSS 之小歷史：

先來說點 CSS 誕生的前情提要～（上）
先來說點 CSS 誕生的前情提要～（下）
​

CSS 規範怎麼看：

CSS Specification 規範該從哪裡看起？！
話說 CSS 規範的版本和狀態怎麼看呢？
​

CSS Visual formatting model、box：

話說 Box model 是什麼呢？
話說 Margin-collapse 是什麼呢？
在看 Visual Formatting Model 之前，先說些別的～
Visual Formatting Model
Visual Formatting Model - display
Visual Formatting Model - block
Visual Formatting Model - inline
Visual Formatting Model - BFC、IFC
Visual Formatting Model - 三種定位
話說 Position 該怎麼理解？
話說 Float 是什麼？
話說 stacking context 是什麼呢？
​

CSS 選擇器：

多瞭解一點選擇器～（上）
多瞭解一點選擇器～（下）偽類、偽元素

CSS Casecading:

話說 Casecading 是什麼呢？
​

CSS Media Query：

話說 Media Query 是什麼呢？（上）
話說 Media Query 是什麼呢？（中）
話說 Media Query 是什麼呢？（下）

​

CSS 了解更多：

話說 Overflow 是什麼呢？
CSS Background 與 Canvas（document）
CSS list-item
CSS visibility
CSS table
CSS transform
話說 line-height 是什麼呢？

最後，一些感謝

話說連結怎麼這麼難用 TT

• Mentor Chris 感謝在我當初不太會看規範時手把手和我一起看，總是分享許多不同的經驗及知識。
• 小夥伴 letter 總是和我一起抓頭討論 Spec，不厭其煩地和我討論，ㄈㄟ～ㄔㄤˊ～感謝你。
• 小夥伴 Penghua 在我學習 CSS 的過程卡關時，總是會很有條理的整理目前的問題，佛。
• 小夥伴 Tsuifei Pommier 感謝你會用過往實務的角度告訴我對於 CSS 的看法，這點讓我獲益良多，Merci
• Titangene 、 Yachen 幫我隨時校稿，告訴我失誤的地方，感謝你們。
• CSS spec 沒有你就沒有這三十天。
• 感謝經營PJCHENder、《Chris 技術筆記》、CSS Coke - CSS可樂、 OXXO.STUDIO、卡斯伯 Blog 網站的大大們分享滿滿知識的文章，總是能從裡面收穫許多知識。
• 老親友們，雖然我很喪，但是總是給我正能量以及餵食很感謝。
• My body，三十天後還活的好好的，感謝健康。

以上，完賽啦～