• 姓名:黃冠霖
• 學號:A022C171

• 第 3 課:CSS 初探
• 第 3 課:3.2.A 第二個範例
• 第 3 課:3.2.B 互補色的應用
• 第 3 課:3.3.A 針對整體設定的方式
• 第 3 課:3.3.B 底圖的設定
• 第 3 課:3.4.A 使用類別 .class 的 CSS 呼叫方式
• 第 3 課:3.4.B 使用類別 .class 的 CSS 呼叫方式-類別內的標籤影響方式
• 第 3 課:3.6.A 使用外部的 style.css 檔案
• 第 4 課:4.1.A CSS 字型的使用
• 第 4 課:4.1.B CSS 字型的使用+padding 的應用
• 第 4 課:4.2.A 超連結的Hover應用
• 第 4 課:4.2.B 超連結的hover 應用 + 變成區塊 display: block
• 第 4 課:4.3.A hover 的各種應用 k
• 第 4 課:4.4.A 清單開頭用中文數字
• 第 4 課:4.4.B 清單開頭用小圖示
• 第 4 課:4.6.A 清單上面用hover特效
• 第 4 課:4.6.B 清單上面用hover特效---只對下一層有效果
• 第 4 課:4.6.C 清單上面用hover特效 + display : none (隱藏)
• 第 5 課:5.1.A 第一個方塊練習
• 第 5 課:5.1.B 第一個方塊練習---方塊置中
• 第 5 課:5.1.C 第一個方塊練習---方塊圓角+陰影
• 第 5 課:5.2.A 兩個方塊的對齊功能
• 第 5 課:5.2.B 使用大方塊包著兩個小方塊的對齊功能
• 第 5 課:5.2.C 兩個小方塊靠上方對齊
• 第 5 課:5.2.D 透過 float 功能來對齊
• 第 5 課:5.2.E 以 overflow 解決 float 造成的父元素問題
• 第 5 課:5.3.A 方塊重疊的方法: margin
• 第 5 課:5.3.B 以 z-index 搭配 position 解決圖層順序問題
• 第 5 課:5.3.C 透過 position 討論定位問題-1
• 第 5 課:5.3.D 透過 position 討論定位問題-2 用 relative(相對) 定位
• 第 5 課:5.3.E 透過 position 討論定位問題-3 用 absolute(絕對) 定位
• 第 5 課:5.3.F 透過 position 討論定位問題-4 用 fixed(固定於瀏覽器) 定位
• 第 5 課:5.4.A overflow 來處理與決定超出方塊部分的資料顯示方式
• 第 5 課:5.4.B overflow 做出圓形大頭照
• 第 5 課:5.4.C 使用visibility做心理測驗
• 第 5 課:5.4.D 使用visibility做心理測驗-2 一個簡單的變形
• 第 5 課:5.4.E 使用visibility做心理測驗-3 一個簡單的變形
• 第 6 課:6.1.A 線性漸層
• 第 6 課:6.1.B 彩虹大頭照
• 第 6 課:6.4.A 轉動的小企鵝 (transform)
• 第 6 課:6.5.A 慢慢變化的特效 (transition)
• 第 6 課:6.6.A 會自己變化的動畫特效
• 第 6 課:6.6.C 彩虹大頭照
• 第 6 課:6.6.E 彩虹大頭照
• 第 6 課:6.6.F 圖片淡入淡出特效(animation+z-index)
• 第 7 課:7.1.A 主導覽列 (用清單來處理)
• 第 7 課:7.1.B 主導覽列, 增加 active 的展示
• 第 7 課:7.2.A 主導覽列, 兩層選單
• 第 7 課:7.2.B 主導覽列, 兩層選單 增加滑動效果

Home Works

• 習題1.5.2.書籍清單