vbird 學習 CSS

• 姓名:曾煜凱
• 學號:4120C012
• 回我首頁

CSS 相關課程

• 第七課
  • 7.1.1 單層導覽頁
  • 7.1.2 單層導覽頁 - 增加stave功能
  • 7.2.1 雙層導覽頁 - 下拉式選單
  • 7.3.1 地圖超連結的按鈕
  • 7.5.1 新的標籤應用

• 第六課
  • 6.1.1 使用漸層背景
  • 6.1.2 使用漸層背景-圓形照片加彩虹
  • 6.2.1 三張底圖的應用
  • 6.2.2 底圖填滿的效果 (contain/cover)
  • 6.2.3 底圖填滿的效果 (contain/cover)用底圖當配清單設計按鈕
  • 6.3.1 用CSS做會動的圖示
  • 6.4.1 圖示方塊的旋轉 - transition: rotate
  • 6.4.2 圖示方塊的變化 - transition: translate/scale
  • 6.5.1 用CSS做會動的圖示 - 搭配transition
  • 6.6.1 用CSS做會動的圖示 - 動畫效果
  • 6.6.4 圖示方塊的變化 - 方塊移動

• 第五課
  • 5.1.1 初探方塊，了解邊界
  • 5.1.3 初探方塊，了解邊界，陰影
  • 5.1.4 自製框限
  • 5.2.1 兩個方塊的對齊 - 預設值
  • 5.2.2 兩個方塊的對齊 - 使用大外框限制寬度
  • 5.2.3 兩個方塊的對齊 - 用 vertical-align 設計垂直對齊
  • 5.2.4 兩個方塊的對齊 - 用 float 漂浮在父元素上
  • 5.3.1 多個方塊的對齊 - 先用 margin 做處理
  • 5.3.3 多個方塊的對齊 - 先用 vertical-align top 對齊
  • 5.3.5 多個方塊的對齊 - 先用 position:absolute 處理
  • 5.3.6 多個方塊的對齊 - 先用 position:fixed 處理
  • 5.4.1 使用 overflow 限制子元述內容
  • 5.4.2 圓形照片
  • 5.4.3 使用 display 隱藏/顯示答案

• 第四課
  • 4.1.1 字行練習
  • 4.1.3 字行練習呼叫 google fonts
  • 4.2.1 處理超連結效果
  • 4.2.2 處理超連結效果 a 區塊元素
  • 4.3.1 hover anywhere
  • 4.4.1 用css修改 ul ol li...
  • 4.6.1 了解一下繼承

• 第三課
  • 3.3.1 使用全域處理 CSS - 網路線介紹
  • 3.4.1 開始使用class
  • 3.6.1 開始使用外部

• 作業6
  • ex06.7.2.html 作業19
  • ex06.7.3.html 作業20
  • ex06.7.4.html 作業21
  • ex06.7.5.html 作業22
  • ex06.7.6.html 作業23
  • ex06.7.7.html 作業24

• 作業5
  • ex05.5.2.html 作業17
  • ex05.5.3.html 作業18

• 作業4
  • ex04.7.2 作業14
  • ex04.7.4 作業15
  • ex04.7.5 作業16

• 作業3
  • ex03.7.3.html.作業11
  • ex03.7.4.html.作業12
  • ex03.7.5.html.作業13