• 姓名: 江政洲
• 學號: A040Y109
• 回我的首頁

上課連結資料

• 第六節課
  • 6.1.A - 設計漸層色彩的使用
  • 6.1.B - 圓形大頭貼加上漸層的彩虹在外圍
  • 6.2.A - 三張底圖的處理方式
  • 6.2.B - 底圖填滿的效果: contain 與 cover
  • 6.2.C - 用底圖設計按鈕
  • 6.3.A - 統一方塊使用的圖片設計
• 第五節課
  • 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.2.E - 用 overflow 設計 float 的父元素現象
  • 5.3.A - 使用 margin 調整方塊的位置
  • 5.3.B - 使用 z-index 處理照片的顯示順序
  • 5.3.C - 位置(position)應用 - relative 用法
  • 5.3.D - 位置(position)應用 - relative 搭配 top, left 移動
  • 5.3.E - 位置(position)應用 - absolute 位置的用法
  • 5.3.F - 位置(position)應用 - fixed 位置的用法
  • 5.4.A - 溢位 (overflow) 的效果設計
  • 5.4.B - 圓形大頭貼 -- 溢位 (overflow) 的效果設計
  • 5.4.C - 理解消失 (display: none, visibility: hidden) 的差別
  • 5.5.2 - Linus 先生簡介
  • 5.5.3 - 勾心鬥角指數-另一種呈現
• 第四節課
  • 4.1.A - CSS 不同字型的使用
  • 4.1.B - 行高、字距的設計
  • 4.1.D - 使用 google 的字型
  • 4.2.A - 超連結的特效
  • 4.2.B - 讓 a 用 display 變成區塊元素
  • 4.3.A - 使用 :hover 效果
  • 4.4.A - 清單效果
  • 4.4.B - 清單效果-使用圖檔來處理
  • 4.5.A - 表格的 CSS 效果
  • 4.5.B - 表格的 CSS 效果 - 用 border-collapse 摺疊框線
  • 4.6.A - 繼承: 後代子孫全部引用
  • 4.6.B - 繼承: 使用 > 讓直屬的下一代才生效，隔代不動作
  • 4.6.C - 使用 display 做隱藏的效果
  • 4.7.2 - CSS 字型效果的處理
• 第三節課
  • 3.1.B - 第一個 CSS 的網頁
  • 3.2.A - 討論 CSS 的數值單位
  • 3.2.B - 討論顏色的使用
  • 3.3.A - 使用 head 內的 style 設計
  • 3.3.B - 使用 CSS 設計底圖的使用
  • 3.4.A - 使用 CSS 的 class 設計重複出現的樣式
  • 3.4.B - 使用 CSS 的底圖功能
  • 3.5.A - 使用 id 呼叫 CSS 的功能
  • 3.6.A - 使用外部 CSS 檔案的呼叫