• 姓名：郭慈茜
• 學號：4050c009
• 回我的個人首頁

第三堂課

• 例題 3.1.B 取消font的標記,改用span標記
• 例題 3.2.A CSS屬性值常見單位與表示方式
• 例題 3.2.B 配色
• 例題 3.3.A 字體設定
• 例題 3.3.B 圖檔作為底圖
• 例題 3.4.A 增加類別(class)可重複引用特定屬性的方式
• 例題 3.4.B table 設定一個名為 mytable 的類別
• 例題 3.5.A 增加 id 可重複引用特定屬性
• 例題 3.6.A 使用外部 style 檔案

第四堂課

• 例題 4.1.A
• 例題 4.1.B 內部留白 (padding)
• 例題 4.1.D 加入襯線字體
• 例題 4.2.A 超連結的特效
• 例題 4.2.B a 變成區塊元素
• 例題 4.3.A :hover 的應用
• 例題 4.4.A
• 例題 4.4.B
• 例題 4.5.A
• 例題 4.5.B
• 例題 4.6.A
• 例題 4.6.B
• 例題 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
• 例題 5.2.E
• 例題 5.3.A
• 例題 5.3.B
• 例題 5.3.C
• 例題 5.3.D
• 例題 5.3.E
• 例題 5.3.F
• 例題 5.4.A
• 例題 5.4.B
• 例題 5.4.C

第六堂課

• 例題 6.1.A 使用漸層背景
• 例題 6.1.B 圓形外框大頭照加上厚重彩虹圓形
• 例題 6.2.A 多張底圖的處理方式
• 例題 6.2.B 背景放大到邊框的型態 cover/contain
• 例題 6.2.C 影像透明度的使用 opacity 的處理
• 例題 6.3.A 方塊內圖片上面疊上文字說明的統一格式處理
• 例題 6.4.A 多重圖示的轉動技巧加上萬用字源的呼叫使用
• 例題 6.4.B
• 例題 6.5.A
• 例題 6.6.A
• 例題 6.6.B
• 例題 6.6.C
• 例題 6.6.D

第七堂課

• 例題 7.1.A
• 例題 7.1.B
• 例題 7.1.C
• 例題 7.2.A
• 例題 7.2.B
• 例題 7.3.A
• 例題 7.4.A
• 例題 7.4.B
• 例題 7.5.A

第八堂課

• 例題 8.2.A
• 例題 8.2.B
• 例題 8.4.A
• 例題 8.4.B
• 例題 8.4.C
• 例題 8.4.D
• 例題 8.4.E
• 例題 8.4.F
• 例題 8.5.A

Home Works

第三堂課

• 習題3.7.2:外部的CSS風格設定檔主要內容
• 習題3.7.3:以CSS風格取代HTML的課表展示
• 習題3.7.4:以CSS風格取代HTML的特殊符號對應表
• 習題3.7.5:以CSS風格取代HTML的書籍清單展示

第四堂課

• 習題4.7.2:以CSS修飾古文的展示
• 習題4.7.4:以CSS修飾清單以及巢狀清單的隱藏使用
• 習題4.7.5:以CSS修飾表格以及:hover的美化

第五堂課

• 習題5.5.2:使用position進行排版
• 習題5.5.3:使用:hover搭配visibility進行答案隱形

第六堂課

• 習題6.7.2
• 習題6.7.3
• 習題6.7.4
• 習題6.7.5
• 習題6.7.6
• 習題6.7.7

第七堂課

• 習題7.6.2
• 習題7.6.3
• 習題7.6.4
• 習題7.6.5