大家好,我是洋蔥,第一次參加鐵人賽,這次是抱著把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 金魚都能懂的網頁教學及金魚都能懂的網頁切版教學,很開心自己堅持完成了,雖然回過頭看自己的文...