鐵人檔案
大家好，我是洋蔥，第一次參加鐵人賽，這次是抱著把CSS練好的心態來向CSScoke學習，因此主要內容是在實踐看完CSScoke金魚都能懂的網頁教學後做的一些練習及一些心得
金魚都能懂的網頁切版：10、11 方塊版 在排版時，總會想到幾種方法，有傳統的 float 排版，或是跨世代的 flex 排版，又或是簡單易懂用 bootst...
金魚都能懂的網頁切版：12、13 切出漂亮表格 在製作商務網站後台的管理頁面，常常會運用到表單來做管理，因此想要切出好看的表格，可以趕緊來練習這單元。http...
金魚都能懂的網頁切版：14、15 收合側邊選單 https://codepen.io/mikeyam/pen/XWKrzvV 在 side-menu 外...
金魚都能懂的網頁切版：16、17 進度條 通常我們在電商網站最後準備要結帳時，會看到進度條，因此這個主題是我們必須要熟悉的小單元。https://codepe...
金魚都能懂的網頁切版：18、19 訊息對話 https://codepen.io/mikeyam/pen/YzWzwPB?editors=1100 在做訊息...
金魚都能懂的網頁切版：20 旋轉拼接方塊 https://codepen.io/mikeyam/pen/jOrOMEr?editors=1100 HTML部...
金魚都能懂的網頁切版：21 不規則邊緣 https://codepen.io/mikeyam/pen/rNLVmKq?editors=1100 HTML排版...
金魚都能懂的網頁切版：22、23、24、25 文字排版 在文字排版裡，html版面基本是一模一樣，只是我們可以運用css部分讓畫面增添更多不一樣的變化其中有運用...
金魚都能懂的網頁切版：26、27 版面組合 https://codepen.io/mikeyam/pen/abZvZrN?editors=1000 這章節主要...
挑戰心情 至今天為止，持續每天看 csscoke 的影片學習 CSS 金魚都能懂的網頁教學及金魚都能懂的網頁切版教學，很開心自己堅持完成了，雖然回過頭看自己的文...
