• 姓名:林晉龍
• 學號:4080o083
• 回首頁

上課連結

• 第六堂課
  • 6.1.A 色彩漸層
• 第五堂課
  • 5.1.A 方塊練習-1
  • 5.1.B 方塊練習-2-置中功能 'auto'
  • 5.1.C 方塊練習-3-圓角框線跟陰影
  • 5.2.A 方塊練習-4-平行處理
  • 5.2.B 方塊練習-5-圖片適應方塊的寬度
  • 5.2.C 方塊練習-6-垂直對齊 vertical-align
  • 5.2.D 方塊練習-7-漂浮(float)
  • 5.2.E 方塊練習-8-父元素加上溢出 overflow
  • 5.3.A 方塊位置-1-margin 的用法
  • 5.3.B 方塊位置-2-使用 z-index
  • 5.3.C 方塊位置-3-使用 relative 相對位置
  • 5.3.D 方塊位置-3-使用 relative 相對位置移動
  • 5.3.E 方塊位置-3-使用 relative 相對位置相同原點
  • 5.3.F 方塊位置-3-使用 fixd 股定位置-瀏覽器
  • 5.4.A 方塊位置應用-1-固定長寬討論
  • 5.4.B 圓形大頭照
  • 5.4.C 隱藏效果
• 第四堂課
  • 4.1.A 字型練習
  • 4.1.B 了解 padding (內部留白)與google字型
  • 4.2.A 超連結 a 的變化
  • 4.2.B 超連結 a 變成區塊元素
  • 4.3.A 使用 hover 效果
  • 4.4.A 清單效果
  • 4.4.B 清單的圖示
  • 4.5.A 表格的 CSS 效果
  • 4.5.B 表格的 CSS 效果
  • 4.6.A CSS 繼承的效果
  • 4.6.B CSS 繼承的效果
  • 4.6.B 使用display:none 隱藏效果
• 第三堂課
  • 3.1.B 第一個 CSS 練習CSS
  • 3.3.A 另外一種CSS呼叫方式
  • 3.3.B CSS 底圖練習
  • 3.4.A使用CSS呼叫設計
  • 3.4.B 表格底圖的應用
  • 3.5.A 表格底圖的應用-使用#與id
  • 3.6.A 表格外部呼叫的 CSS 設定檔

Homework

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

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