大家好,我是洋蔥,第一次參加鐵人賽,這次是抱著把CSS練好的心態來向CSScoke學習,因此主要內容是在實踐看完CSScoke金魚都能懂的網頁教學後做的一些練習及一些心得
觀看金魚都能懂的網頁設計入門:18、19 在網頁上若要呈現動畫,可儘量使用css語法做設計,能不用到javascript就不用,這樣可以降低其網路加載速度...
觀看金魚都能懂的網頁設計入門:21、22 RWD是什麼呢? https://www.w3schools.com/cssref/css3_pr_mediaquer...
觀看金魚都能懂網頁設計入門 23https://codepen.io/mikeyam/pen/ZEWPgGg?editors=1100 客製化選單 在開始製作...
觀看金魚都能懂的網頁設計入門:24、25 目前全球最多人使用的 UI 框架(framework)就是Bootstrap,他可以幫我們快速建構出一個RWD的網頁...
觀看金魚都能懂的網頁設計入門:26-30 下載 JQuery https://jquery.com/download/到官網去下載區,找到 中文翻譯 (下載壓...
金魚都能懂的網頁切版:1、2 圖文滿版 https://codepen.io/mikeyam/pen/JjXqMjP?editors=1100 背景部分高度...
金魚都能懂的網頁切版:3、4 人員卡片 https://codepen.io/mikeyam/pen/qBZzRvG 在body設定flex,讓整個版面水平...
金魚都能懂的網頁切版:5 橫式版面 https://codepen.io/mikeyam/pen/JjXQwjV首先,一樣在外層設定寬高,並使用flex 特性做...
金魚都能懂的網頁切版:6、7 頁尾區塊 https://codepen.io/mikeyam/pen/KKzOgNQ?editors=1100 外層 cont...
金魚都能懂的網頁切版:8、9 導覽列 logo放置正中間位置 https://codepen.io/mikeyam/pen/mdPNOwX 在外層用flex特...