• 姓名 吳瑞恩
• 學號 4100V059
• 回首頁

上課連結

• 第三課
  • 3-1-2: 學習 CSS 字型/底色
  • 3-2-1: 學習 CSS 字體大小/底色
  • 3-3-1: 學習 CSS head 內的 style
  • 3-3-2: 學習 CSS 的底色與底圖設計
  • 3-4-1: 學習 CSS table 與 class 應用
  • 3-5-1: 學習 CSS table 與 id 應用
  • 3-6-1: 學習 CSS 使用外部呼叫檔案
• 第四課
  • 4-1-1: 用 CSS 展示古詩詞
  • 4-1-2: 用 CSS 展示古詩詞-使用 padding 留白
  • 4-1-4: 用CSS 展示古詩詞-使用padding 留白
  • 4-2-1: 用CSS 改變a超連結樣式
  • 4-2-2: 用CSS 改變a超連結樣式 -a變區塊(display: block)
  • 4-3-1: 使用hover 超連結
  • 4-4-1: 用CSS修改清單效果_中文字
  • 4-4-2: 用CSS修改清單效果_圖示結果
  • 4-5-1: 簡單巢狀清單
  • 4-6-1: 簡單的巢狀清單
  • 4-6-3: 簡單的巢狀清單-隱藏子清單效果
• 第五課
  • 5-1-1: 第一個方塊樣式的練習
  • 5-1-2: 第一個方塊樣式的練習-方塊水平置中
  • 5-1-3: 第一個方塊樣式的練習-框線圓弧+陰影效果
  • 5-1-4: 第一個方塊樣式的練習-使用自製框線取代原有框線
  • 5-2-1: 方塊位置的變化學習
  • 5-2-2: 方塊位置的變化學習-圖片填滿效果+不太跑版+針對桌機
  • 5-2-3: 方塊位置變化學習-方塊垂直對齊
  • 5-2-4: 方塊位置的變化學習-浮動在父元素上
  • 5-3-1: 位置(position)的功能-margin的使用
  • 5-3-2: 位置(position)的功能-z-index的使用(圖層)
  • 5-3-3: 位置(position)的功能-inline-block對齊
  • 5-3-4: 位置(position)的功能-增加 top/right/bottom/left
  • 5-3-5: 位置(position)的功能-absolute絕對位置的使用
  • 5-3-6: 簡單巢狀清單-隱藏子清單的效果
  • 5-4-1: 父子元素的位置編排-overflow的不同效果
  • 5-4-2: 父子元素的位置編排-圓形大頭貼
  • 5-4-2: 父子元素的位置編排-分析 display 與 visibility 的差異
• 第六課
  • 6-1-1: 練習漸層-使用底色漸層
  • 6-1-2: 練習漸層-大頭貼外面加漸層顏色

---

homework

• 3-7-2功課
• 3-7-3功課
• 3-7-4功課
• 3-7-5功課
• 4-7-2功課
• 4-7-4功課
• 4-7-5功課