WEB2 CSS 相關的網頁內容

• 姓名:鄭宇翔
• 學號:4070C005
• 回首頁

• 第九堂課
  • 9.1.A 第一個PHP網頁
  • 9.1.B 練習PHP變數
  • 9.1.C-1 最陽春的迴圈練習
  • 9.1.C-2 單迴圈的色票製作
  • 9.1.C-3 雙迴圈的色票製作
  • 9.1.C-4 三迴圈的色票製作
  • 9.1.D 對比色處理色票製作
  • 9.1.E 用date函數抓時間
  • 9.1.F 用if+date函數回應時間
  • 9.2.A 呼叫外部檔案實驗
  • 9.3.A 從網址列輸入內容
  • 9.3.B 從網址列輸入內容-增加XSS防禦
  • 9.4.A 簡單猜拳遊戲
  • 9.4.B 跟電腦猜拳遊戲
  • 9.4.C 隨機屬性產生器
  • 9.4.D 照片隨便放置在畫面
• 第八堂課
  • 8.2.A 單欄式版面設計
  • 8.2.B 兩欄式版面設計
• 第七堂課
  • 7.1.A 清單做成導覽列
  • 7.1.B 清單做成導覽列-增加一個網頁識別項目(active)
  • 7.1.C 清單做成導覽列-讓按鈕綁在一起
  • 7.2.A 具有下拉式的第二層效果
  • 7.3.A 使用圖片當按鈕
  • 7.4.B 繪製簡單網頁
  • 7.5.A 完整的版面配置的製作
• 第六堂課
  • 6.1.A 使用漸層背景色
  • 6.1.B 使用漸層背景色-大頭彩虹圖
  • 6.2.A 背景圖的應用-三張背景圖同時存在
  • 6.2.B 背景圖的應用-填滿背景的 contain ,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 圖片的漸變特效-使用動畫讓他自己動
  • 6.6.C 圖片的漸變特效-使用動畫讓蜜蜂飛來飛去
  • 6.6.D 圖片的漸變特效-讓圖片的超連結旋轉
  • 6.6.E 圖片的漸變特效-不給點的旋轉圖
• 第五堂課
  • 5.1.A div方塊處理
  • 5.1.B div方塊處理-置中的方法
  • 5.1.C div方塊處理-圓角跟陰影
  • 5.1.D div框線應用-圖檔當框線用法
  • 5.2.A div 的 inline-block應用方式
  • 5.2.B div 的簡易排版方式
  • 5.2.C div 的垂直排版方式
  • 5.2.D div 的float的使用
  • 5.2.E div 的float搭配overflow
  • 5.3.A 版面調配 - 預設的 margin 處理即可
  • 5.3.B 版面調配 - relative 搭配 z-index調整
  • 5.3.C 版面調配 - 標準調配方塊處理
  • 5.3.D 版面調配 - relative單一方塊的移動
  • 5.3.E 版面調配 - absolute 同一個參考圓點
  • 5.3.F 版面調配 - fixed 固定袃瀏覽器的某個地方
  • 5.4.A 版面調配 - 用overflow控制過多的資料
  • 5.4.B 用hidden作圓形圖片
  • 5.4.C 使用隱藏來處理算命的答案
• 第四堂課
  • 4.1.A 字體字型的應用
  • 4.1.B 加上 padding 留白應用
  • 4.1.D 使用 Google 的免費字行
  • 4.2.A 超連結的 : hover 特效
  • 4.2.B 把 a 變成區塊元素的用法
  • 4.3.A 任何東西都用 :hover 效果
  • 4.4.A CSS 的清單特效
  • 4.4.B CSS 的清單圖示
  • 4.5.A CSS 的表格特效
  • 4.5.B CSS 的表格特效-摺疊效果(collapse)
  • 4.6.A CSS 父與子的繼承問題
  • 4.6.B CSS 父與子的繼承問題-使用>
  • 4.6.C CSS 的隱藏效果
• 第三堂課
  • 3.1.B 第一次使用CSS
  • 3.2.A CSS 單位的理解
  • 3.2.B CSS 顏色的使用
  • 3.3.A 在head裡面用style
  • 3.3.B CSS 使用圖檔
  • 3.4.A Class 類別的使用
  • 3.4.B 使用類別與背景
  • 3.5.A 使用 id 來設計 CSS
  • 3.6.A 使用外部呼叫 CSS 方式

HomeWorks

• 第三堂作業
  • 3.7.2 外部的 CSS 風格設定檔主要內容
  • 3.7.3 以 CSS 風格取代HTML的課表展示
  • 3.7.4 以 CSS 風格取代HTML的特殊符號對應表
  • 3.7.5 以 CSS 風格取代HTML的書籍清單展示


• 第四堂作業
  • 4.7.2 以 CSS 修飾古文的展示
  • 4.7.4 以 CSS 修飾清單以及巢狀清單的隱藏使用
  • 4.7.5 以 CSS 修飾表格以及 :hover 的美化


• 第五堂作業
  • 使用 position 進行排版
  • 使用 :hover 搭配 visibility 進行答案隱藏
• 第六堂作業
  • 6.7.2 彩虹圓形大頭貼
  • 6.7.3 直立的按鈕改橫式按鈕，並增加一個按鈕
  • 6.7.4 圖示放大變成在正中央放大不是向右下方放大的模樣
  • 6.7.5 承上，加上漸變的功能
  • 6.7.6 蜜蜂飛來飛去，衝向螢幕來嚇你
  • 6.7.7 照片的幻燈片淡出/淡入效果功能
• 第九堂作業
  • 9.5.2 九九乘法表
  • 9.5.3 剪刀石頭布
  • 9.5.4 名人大抽獎