姓名：許嘉文
學號：4066C003
回我的個人首頁
上課的資料
第三堂課
例題 3.1.2 第一個 CSS 文字、背景的調整
例題 3.2.1 考慮單位大小 . 例如文字大小
例題 3.2.2 許多底色的設定方式
例題 3.3.1 使用HEAD內的STYLE修改預設標記顯示模式
例題 3.3.2 加上底圖設定方式
例題 3.4.1 表格加上兩種不同的tr顯示模式
例題 3.4.2設定類別影響子標記的方式 (table.class1 tr {..})
例題 3.5.1 使用 id 取代 class 的方案
例題 3.6.1 使用外部檔案來處理 css 的呼叫
第四堂課
例題 4.1.A 簡單文字的滾滾長江東逝水
例題 4.1.B 承上，加上內部留白的 padding 處理
例題 4.1.D 承上， 但是使用自己伺服器提供的字型
例題 4.2.A 超連結的特殊效果 (:hover)
例題 4.2.B 超連結元素變成區塊元素 (display: block)
例題 4.3.A 任何東西都可以 :hover 的啦
例題 4.4.A 清單的中文數字顯示
例題 4.4.B 清單的項目符號使用圖示來展示
例題 4.5.A 空氣品質表格處理
例題 4.6.C 545454
第五堂課
例題 5.1.A 使用方塊的留白與相關框線利用
例題 5.1.B 區塊標記的左右對齊方式:margin-right:auto
例題 5.1.C 方塊加上圓角以及陰影的方式
例題 5.1.D 使用白製框線:border-iframe-source
例題 5.2.A 利用display:inline-bloc讓區塊標記在水平線上對齊
例題 5.2.B 在小方塊外面加上一個大方塊
例題 5.2.C 利用vertical-align讓元素讓對齊水平線上方
例題 5.2.D 利用float讓子元素漂浮在父元素上方
例題 5.2.E 父元素加上overflow來解決子元素上方
例題 5.3.A 利用margin來讓方塊重疊的方式
例題 5.3.B 透過z-index指定圖層的上下順序
例題 5.3.C 透過vertical-align以及外層排版,定義三欄排版版型
例題 5.3.D 使用position為relative修改子元素的相對位置
例題 5.3.E 使用position為absolute修改子元素的絕對位置
例題 5.3.F 使用position為fixe增加固定在瀏覽器上面的元件
例題 5.4.A 進一步了解overflow的屬性值意義
例題 5.4.B 圓形大頭照的處理方案
例題 5.4.C 透過visibility隱藏答案
第六堂課
例題 6.1.A 色彩漸層的初體驗
例題 6.1.B 圓形的彩虹漸層處理
例題 6.2.A 寧夏的歌詞 (三張底圖的處理方式)
例題 6.2.B 底圖的填滿效果 (contain vs. cover)
例題 6.2.C 使用底圖產生假按鈕的效果
例題 6.3.A 特定效果的圖示變化
例題 6.4.A 使用 transform - rotate 來改變圖層的變化
例題 6.4.B 使用 transform - translate+scale來改變圖層的變化
例題 6.5.A 特定效果的圖示變化-加上漸變(transition)
例題 6.6.A 讓圖示自己動的小動畫-1(@keyframes)
例題 6.6.B 讓企鵝自己轉圈圈
例題 6.6.C 在背景下的蜜蜂會飛來飛去的
例題 6.6.D 經常用在首頁旋轉圖示的小動畫效果
第七堂課
例題 7.1.A 第一個導覽列功能
例題 7.1.B 第一個導覽列功能-外加活動中的項目
例題 7.1.C 第一個導覽列功能-按鈕連在一起
例題 7.2.A 第一個下拉式選單
例題 7.2.B 做選單的 transition 漸變特效
例題 7.3.A 使用圖片地圖的超連結導覽方式
例題 7.4.B 使用 Balsamiq 超快速製作頁面簡介
例題 7.5.A 一層一層建置好所需要的版型(搭配 7.4.B)
第八堂課
例題8.2.1
例題8.2.2
HomeworkS
第三堂課
3.7.2 :外部的CSS風格設定檔主要內容
3.7.3 :以CSS風格取代HTML的課表展示
3.7.4 :外部的CSS風格取代HTML的特殊符號對應表
3.7.5 :外部的CSS風格取代HTML的書籍清單展示
第五堂課
使用position進行排版
使用:hover搭配visiblity進行答案隱藏
第六堂課
作業6.7.2
作業6.7.3
作業6.7.4
作業6.7.5
作業6.7.6
作業6.7.7