鐵人檔案
自身還尚未接觸過CSS，所以這是30天自我學習CSS挑戰，挑戰自己在有限時間內能理解多少CSS內容。
30篇中主軸上我會針對與切版相關的CSS技術去做深入討論，尤其是排版相關內容會佔多數，例如：flexblock 以及 Grid，另外少量穿插一些與切版有些相關、我認為值得補充學習的知識。
前言 因為學習課題準備進展到切版，剛好可以讓我一邊學習一邊紀錄自己的學習歷程，一方面讓自己對接下來切版比較有概念，另一方面讓未來自己有個回顧筆記可以複習。 雖然...
前言 接續昨天歷史講古，我開始好奇裡面重複提到的名詞。礙於中文翻譯各略有不同，我將採取Mdn或維基中文翻譯、或是書本上翻譯為準，當然一定會彼此常用翻譯有落差，所...
前言 在正式踏入研究box model之前，我做了一些簡單Html跟CSS練習，一方面本身的確不夠熟練，一方面做中學、錯中學才能比較清楚整個流程。我簡單示範從新...
前言 昨天的練習講解僅解說了Html部分，今天我來說明CSS這端做了哪些事。 解說 @charset "UTF-8"; body{...
前言 了解了html跟CSS的基本寫法後，方框（box）一開始聽到會疑惑為何立體的箱子會跟平面的方框有關聯？雖然英文想像以及語意上不直觀，但一但知道它是能裝下所...
前言 今天我開始解說box model，尤其裡面結構部分盡量逐項弄清楚。對我來說，這就像開始繪畫前要先搞清楚畫布範圍，整張畫布範圍多大？實際安裝到畫板呈現畫面又...
前言 昨天講了box model的結構，即使配合圖片也還是一知半解，於是我蒐集一些針對Margin、Border、Padding說明，在概念上、類比實物上去理解...
前言 今天我嘗試前面所述的box model知識練習做一個箱子！ 練習開始 <!-- 擷取html片段 --> <div class=...
前言 接下來要討論CSS定位屬性，原本我以為會如同座標一樣去定位元素的位置，比方說就像是地圖上輸入經緯度座標一樣把元素定義在某個位置，仔細研究後發現完全不是這樣...
前言 昨天介紹了基本的五種position屬性值，裡面屢屢提到一些陌生的名詞，什麼是containing block？今日就來介紹它吧！ 容器區塊 contai...
