WEB2 CSS的網頁內容

• 姓名: 王之辰
• 學號: 4070c023
• 回首頁
上課例題
• 第九堂課
  • 9.1.A - 第一個PHP網頁測試
  • 9.1.B - 練習PHP變數
  • 9.1.C - 最陽春迴圈練習
  • 9.1.C-2 - 色票製作單迴圈練習
  • 9.1.C-3 - 色票製作雙迴圈練習
  • 9.1.C-4 - 色票製作三迴圈練習
  • 9.1.D - 對比色應用
  • 9.1.E - 用DATA 設伺服器時間
  • 9.1.F - 用 if 搭配 date 回應時間應答搭陪DATA
  • 9.2.A - 呼叫外部檔案來實驗
  • 9.3.A - 從網址列輸入變數內容
  • 9.3.B - 從網址列輸入變數內容-增加XSS防禦
  • 9.4.A - 剪刀石頭布
  • 9.4.B - 剪刀石頭布
  • 9.4.C - 隨機產生人物捨性方式
  • 9.4.C - 照片隨便丟
• 第八堂課
  • 8.2.A - 單欄式版面設計
  • 8.2.B - 兩欄式版面設計
• 第七堂課
  • 7.1.A - 清單做成導覽列的練習
  • 7.1.B - 清單做成導覽列的練習-增加一個識別項目(.active)
  • 7.1.C - 清單做成導覽列的練習-讓按鈕綁在一起
  • 7.2.A - 具有下拉式的第二層選單效果
  • 7.3.A - 使用圖片當成按鈕的樣式
• 第六堂課
  • 用漸層背景色
  • 使用漸層背景色-大頭彩虹圖
  • 背景圖的應用三張背景圖同時存在
  • 背景圖的應用-填滿背景的 contain, cover 用法
  • 背景圖的應用-假裝的按鈕設計
  • 圖片的放大應用
  • 方塊的變形 (transform) 、圖層應用
  • 圖片的位移與尺寸變化 - transform: translate, scale 功能
  • 使用變化 (transition) 特效
  • 圖片的漸變特效 - 使用動畫讓它自己動
  • 圖片的漸變特效 - 讓蜜蜂自己飛來飛去
  • 圖片的漸變特效 - 讓超連結框循環轉來轉去
  • 圖片的漸變特效 - 單純給你看不給你點擊的旋轉圖
• 第五堂課
  • div 方塊應用
  • div 方塊應用 致中應用
  • CSS 的 div 方塊 - 圓角與陰影
  • div 框線應用 - 圖檔用作框線
  • div 的 inline-block 展示
  • div 的簡易排版方式
  • div 的垂直排版方式(vertical-align)
  • div 的簡易排版 - float 的使用
  • div 的簡易排版 - float 搭配 overflow
  • 版面調配 - 預設的 margin 處理即可
  • 版面調配 - relative 搭配 z-index 調整圖層
  • 版面調配 - 標準調配方塊
  • 版面調配 - relative 的單一方塊移動
  • 版面調配 - absolute 同一個參考原點
  • 版面調配 - fixed 固定在瀏覽器的某個地方
  • 版面調配 - 用 overflow 控制過多的資料
  • 版面調配 - 圓形圖示的設計
  • display: none 與 visibility: hidden 的差異
• 第四堂課
  • css字體自行應用
  • 加上配丁的留白應用
  • 使用估狗免費自行
  • 超連結的:hover特效
  • 百 A 變成區塊元素
  • 任何東西都用 :hover
  • css 清單特效
  • css 徒刑
  • css 表格效果
  • css 摺疊
  • css 繼承
  • css 繼承使用
  • css 隱藏效果
• 第三堂課
• 開始使用
• CSS單位理解
• CSS顏色使用
• 在head使用style
• css背景
• class類別的使用
• 使用類別與背景
• ID來設計CSS
• 外部呼叫CSS
• homework(4)
• 以CSS修飾清單及巢狀清單隱藏使用
• CSS修飾表格及:ＨＯＶＥＲ的美化
• CSS修飾古文的展示
• homework(5)
• 用POSITION排版
• 用POSITION排版
• homework(6)
• 使用漸層處理與圖片重疊技巧，處理彩虹人物像
• 圖示放大變成在正中央放大，不是向右下方放大的模樣
• 承上，加上漸變的功能
• 蜜蜂飛來飛去，衝向螢幕來嚇你