鐵人檔案
H1編碼程式 VSCode其實前端的編輯器有很多可以寫html、css的，但VSCode是微軟提供之軟體，除了是免費外，裡面已經包含了大量對編程具有實際幫助之模...
Emmet-加速開發者編碼速度Emmet是透過縮寫的方式，加快編碼的速度，同時解決編譯器常出現的打字錯誤。 HTML的語法div>a>img +...
當你開始接觸前端開發時，常會遇到兩個關鍵但容易混淆的 CSS 屬性：margin 和 padding。這兩者看起來功能類似，都是用來調整元素之間的空間，但實際上...
當你在做網頁排版時，是否常常為了「讓東西排成一排」而煩惱？這時候，Flexbox（彈性盒子）就是你的好幫手！它是 CSS3 中非常實用的一套布局模型，可以讓你更...
什麼是 RWD？ RWD 是 「響應式網頁設計」（Responsive Web Design）的縮寫，指的是讓同一個網站可以在不同裝置上自動調整排版和樣式。不管...
📄 HTML 結構語法速查表 Emmet 語法 展開結果 說明 div <div></div> 建立基本元素 ul&g...
📐【容器與內容分離的格線系統設計】排版更穩定、維護更簡單 在做網頁排版時，我們經常會使用「格線系統（Grid System）」來規劃整體版面。尤其在 RWD（響...
在前端開發裡，背景圖不只是「放一張好看的圖片」，它還能玩出很多延伸應用，讓介面更有層次感。重點是，這些技巧並不難，只要你理解 CSS 的幾個屬性，就能做出專業感...
什麼是 Box Model？ 在網頁世界裡，每個元素（不管是文字、按鈕、圖片）都可以想像成一個「盒子」。這個盒子有四層，就像洋蔥一樣，一層包著一層。 從內到外的...
什麼是 CSS 權重？ 簡單說，CSS 權重就是 當多個規則套用到同一個元素時，誰的優先級比較高。就像班上同時有班長、老師、校長給你指令，你得先聽誰的。 權重計...
