開始利用CSS樣式

• 姓名:段毅勛
• 學號:4120C006
• 回我的個人首頁

CSS相關課程

• 第三堂課
  • 3.3.1使用全域處理CSS - 網路線介紹
  • 3.3.2開始使用背景圖示 - background用 url()
  • 3.4.1開始使用 class - 以表格展示
  • 3.6.1開始使用外部檔案呼叫CSS
• 第四堂課
  • 4.1.1 練習不同字形 - 用預設瀏覽器字形
  • 4.1.3 呼叫 google font
  • 4.2.1 處理超連結效果 : hover 初探
  • 4.2.2 處理超連結效果 : 把a變成區塊元素
  • 4.3.1 測試:hover 用在任意地方
  • 4.4.1 用CSS修改 ul,ol,li..
  • 4.6.1 了解一下繼承
• 第五堂課
  • 5.1.1 初探方塊 - 了解邊界
  • 5.1.3 初探方塊 - 框線圓角
  • 5.1.4 初探方塊 - 自製框線
  • 5.2.1 兩個方塊的對齊 - 預設值 inline-block
  • 5.2.2 兩個方塊的對齊 - 使用大外框線至寬度
  • 5.2.3 兩個方塊的對齊 - 用virtical-align
  • 5.2.4 兩個方塊的對齊 - 用figdiv 漂浮在父元素上面
  • 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 圓形照片 -使用overflow限制指元素的內容
  • 5.4.3 使用display 隱藏跟顯示
• 第六堂課
  • 6.1.1 使用漸層背景
  • 6.1.2 使用漸層背景-大頭像加上彩虹
  • 6.2.1 三張底圖的應用
  • 6.2.2 底圖填滿效果
  • 6.2.3 用底圖搭配清單
  • 6.3.1 用CSS做會動的圖示
  • 6.5.1 用CSS做會動的圖示 -搭配 transparent
  • 6.4.1 圖示方塊的旋轉-transform: rotate
  • 6.4.2 圖示方塊的旋轉-transform: rotate
  • 6.4.4 方塊的移動
  • 6.6.1 動畫效果
• 第七堂課
  • 7.1.1 單層導覽列
  • 7.1.2 單層導覽列 - 增加active功能
  • 7.2.1 雙層導覽列 - 下拉式選單
  • 7.3.1 地圖超連結按鈕
  • 7.5.1 HTML5新標籤應用

homework

• 第三節課功課
  • overall.css
  • ex3.7.3
  • ex3.7.4
  • ex3.7.5
• 第四節課功課
  • ex4.7.2
  • ex4.7.4
  • ex4.7.5
• 第五節課功課
  • ex5.5.2
  • ex5.5.3