• 姓名:郭碇梧
• 學號:4110C003

回到首頁(相對路徑)

回到首頁(絕對路徑)

回到首頁(跨 server 方法)

上課連結

• 第三課
• 第三課:3.1.B: CSS color/background-color
• 第三課:3.2.A: CSS size/行高
• 第三課:3.3.A: CSS head 裡的style
• 第三課:3.3.B: CSS 底色底圖設計
• 第三課:3.4.A: CSS 增加類別 (class)
• 第三課:3.5.A: CSS 學習table於id的用法
• 第三課:3.6.A: CSS 使用外部呼叫檔

• 第四課
• 第四課:4.1.A: CSS 展示古詩詞
• 第四課:4.1.B: CSS 展示古詩詞-padding留白
• 第四課:4.1.D: CSS 展示古詩詞-使用google字型
• 第四課:4.2.A: 改變a超連結樣式
• 第四課:4.2.b: 改變a超連結樣式-a變區塊 (display: block)
• 第四課:4.3.A: hover改變連結樣式 (display: block)
• 第四課:4.4.A: css 修改清單效果-中文數字
• 第四課:4.4.B: css 修改清單效果-圖示
• 第四課:4.5.A: 表格 css 效果
• 第四課:4.6.A: 簡單的巢狀清單
• 第四課:4.6.C: 簡單的巢狀清單-隱藏子清單效果

• 第五課
• 第五課:5-1-A 第一個方塊樣式的練習
• 第五課:5-1-B第一個方塊樣式的練習-方塊水平置中
• 第五課:5-1-C第一個方塊樣式的練習-框線圓弧+陰影效果
• 第五課:5-1-D 第一個方塊樣式的練習-使用自製框線取代原有框線
• 第五課:5-2-A 方塊樣式的練習-方塊位置的變化
• 第五課:5-2-B 方塊樣式的練習-方塊位置的變化-圖片填滿效果+不太跑版+針對桌機
• 第五課:5-2-C 方塊樣式的練習-方塊垂直對齊
• 第五課:5-2-D 方塊樣式的練習-浮動在父元素上(float)
• 第五課:5-3-A 位置(position)的功能-margin的使用
• 第五課:5-3-B 位置(position)的功能-z-index的使用(圖層)
• 第五課:5-3-C 位置(position)的功能-inline-block對齊
• 第五課:5-3-D 位置(position)的功能-增加 top/right/left/under
• 第五課:5-3-E 位置(position)的功能-absolute
• 第五課:5-3-F 位置(position)的功能-
• 第五課:5-4-A 父子元素的位置編排-overflow的不同效果
• 第五課:5-4-B 父子元素的位置編排-圓形大頭貼
• 第五課:5-4-C 父子元素的位置編排-分析 display 與 visibility 的差異

• 第六課
• 第六課:6.1.A:
• 第六課:6.2.A: 三個背景圖
• 第六課:6.2.B: 背景填滿功能
• 第六課:6.2.C: 大量重複背景假按鈕
• 第六課:6.3.A: 圖片 hover放大縮小
• 第六課:6.4.A: 圖片 圖片變化
• 第六課:6.4.B: 圖片 圖片變化
• 第六課:6.5.A: 圖片 hover放大縮小-transition
• 第六課:6.6.A: 圖片 hover放大縮小-transition
• 第六課:6.6.C: 背景圖亂動效果
• 第六課:6.6.D: 動畫滑動

• 第七課
• 第七課:7.1.A: 簡單單層導覽
• 第七課:7.1.B: 簡單單層導覽-active按鈕
• 第七課:7.2.A: 雙層導覽
• 第七課:7.2.B: 雙層導覽
• 第七課:7.3.A: 使用地圖
• 第七課:7.5.A: 使用地圖

• 第八課
• 第八課:8.1.A: 使用地圖
• 第八課:8.2.B: 使用地圖