• 姓名：趙芷君
• 學號：A070C110
• 回我的個人首頁

上課連結

• 例題 8.2.A: 單欄的版面配置
• 例題 8.2.B: 兩欄的版面配置
• 例題 7.1.A: 第一個清單按鈕
• 例題 7.1.B: 7.1.A 加上有 active 的類別
• 例題 7.1.B: 7.1.B 讓按鈕連在一起
• 例題 7.1.A: 7.1.C的下拉式選單
• 例題 7.2.B: 7.2.A 的子選單滑動特效
• 例題 7.3.A: 7.3.A 用圖片作為導覽列的一個方式
• 例題 7.5.A: 7.5.A 版面的範本
• 例題 6.1.A: 背景漸層的變化
• 例題 6.1.B: 大頭貼上面的彩虹
• 例題 6.2.A: 背景圖示的應用(三張)
• 例題 6.2.B: 背景圖示的填滿效果
• 例題 6.2.C: 用背景圖模擬按鈕
• 例題 6.3.A: 特定的圖文框
• 例題 6.4.A: 透過 tranform 進行疊圖功能
• 例題 6.4.B: 透過 tranform 進行縮放與位移的功能
• 例題 6.5.A: 特定的圖文框-transition 特效
• 例題 6.6.A: 6.5.A 的動畫效果
• 例題 6.6.B: 6.4.A 的動畫效果
• 例題 6.6.C: 6.2.A 的動畫效果
• 例題 5.1.A:css方塊初探
• 例題 5.1.B:css方塊-自動致中-左右 auto的效果
• 例題 5.1.C:css方塊 - 圓角框線跟陰影效果
• 例題 5.1.D:css方塊 - 自製框線的設計
• 例題 5.2.A:兩個方塊的平放
• 例題 5.2.B:兩個方塊的平放-排版功能
• 例題 5.2.C:方塊 top 對齊
• 例題 5.2.D:方塊 float 對齊
• 例題 5.2.E: 父元素的 overflow 功能
• 例題 5.3.A: margin 的用途
• 例題 5.3.B: 加入 z-index 的作用
• 例題 5.3.C: 方塊位置 position 的使用
• 例題 5.3.D: position: relative 的使用
• 例題 5.3.E: position: absolute 的使用
• 例題 5.3.F: position: fixed 的使用
• 例題 5.4.A: overflow 的功能效果
• 例題 5.4.B: 圓形大頭貼
• 例題 5.4.C: display 與 visibility 的差異
• 習題 5.5.2: 文章的排版特效
• 習題 5.5.3: 算命的特殊顯示效果
• 例題 4.1.A: CSS 字型效果處理
• 例題 4.1.B: 字體與邊界的距離 (padding)
• 例題 4.1.D: 使用免費字型
• 例題 4.2.A: 改變超連結屬性
• 例題 4.2.B:將 a 由 inline-block 變成 block 的效果
• 例題 4.3.A:玩弄 :hover 的效果
• 例題 4.4.A:清單中文特效
• 例題 4.4.B:清單用圖片展示
• 例題 4.5.A:表格的 css效果
• 例題 4.5.B:表格框線重疊效果
• 例題 4.6.A:了解 > 的繼承效果
• 例題 4.6.B:了解 > 的繼承效果-2
• 例題 4.6.C:滑鼠顯示特效display: none
• 例題 3.1.B: 第一次使用 CSS
• 例題 3.2.A: 單位的使用
• 例題 3.2.B: 單位的使用
• 例題 3.1.A: 整體版面相關設計
• 例題 3.3.B: css的底圖應用
• 例題 3.4.A: 第一次使用 class呼叫重複出現的元件
• 例題 3.4.B: 表格加上底圖
• 例題 3.5.A: 使用id 取代 class
• 例題 3.6.A: 使用外部檔案統一管理 CSS