估全123學習網
姓名:李育全
學號:4050C050
首頁
HTML的課程
第一堂課
第二堂課
HTML的功課
第一堂課
第二堂課
CSS的課程
第三堂課
第四堂課
第五堂課
第六堂課
第七堂課
第八堂課
CSS作業
第三堂課
第四堂課
第五堂課
第六堂課
第七堂課
第八堂課
網站地圖
網站設計
估全123學習網
>
CSS的課程
>
第三堂課
第八堂課
第 8 堂課:單欄式設計-使用 vw 的單位
第 8 堂課:雙欄式設計-讓導覽列固定在左側
第七堂課
第 7 堂課:第一個導覽列功能
第 7 堂課:第一個導覽列功能-外加活動中的項目
第 7 堂課:第一個導覽列功能-按鈕連在一起
第 7 堂課:第一個下拉式選單
第 7 堂課:做選單的 transition 漸變特效
第 7 堂課:使用圖片地圖的超連結導覽方式
第 7 堂課:使用 Balsamiq 超快速製作頁面簡介
第 7 堂課:一層一層建置好所需要的版型(搭配 7.4.B)
第六堂課
第 6 堂課:色彩漸層的初體驗
第 6 堂課:圓形的彩虹漸層處理
第 6 堂課:寧夏的歌詞 (三張底圖的處理方式)
第 6 堂課:底圖的填滿效果 (contain vs. cover)
第 6 堂課:使用底圖產生假按鈕的效果
第 6 堂課:特定效果的圖示變化
第 6 堂課:使用 transform - rotate 來改變圖層的變化
第 6 堂課:使用 transform - translate+scale來改變圖層的變化
第 6 堂課:特定效果的圖示變化-加上漸變(transition)
第 6 堂課:讓圖示自己動的小動畫-1(@keyframes)
第 6 堂課:讓企鵝自己轉圈圈
第 6 堂課:在背景下的蜜蜂會飛來飛去的
第 6 堂課:經常用在首頁旋轉圖示的小動畫效果
第五堂課
第 5 堂課:方塊模型的初級理解
第 5 堂課:方塊模型的置中處理(水平對齊, margin)
第 5 堂課:方塊模型的圓角與陰影
第 5 堂課:方塊模型使用圖檔作為框線的來源
第 5 堂課:方塊對齊的機制-inline-block
第 5 堂課:方塊對齊的機制-外部方塊整合排版
第 5 堂課:方塊對齊的機制-內部靠上對齊用 vertical-align
第 5 堂課:方塊對齊的機制-內部靠上對齊用 float
第 5 堂課:方塊對齊的機制-外部框線補ˋ齊用 overflow
第 5 堂課:位置探討 - 正常流向時,使用 margin 調整移動的位置
第 5 堂課:位置探討 - 承上,使用 z-index 搭配 position 來調整圖層
第 5 堂課:位置探討 - 一般排版,使用垂直朝上對齊的效果,分三欄位
第 5 堂課:位置探討 - 使用 position relative 來調整單一方塊移動的效果
第 5 堂課:位置探討 - 使用 position absolute 來調整全部方塊移動的效果
第 5 堂課:位置探討 - 使用 position fixed 來增加一個類似按鈕方塊的功能
第 5 堂課:討論不同的 overflow 效果展示
第 5 堂課:圓形的大頭貼產生的方式
第 5 堂課:討論 visibility 搭配 hover 的效果
第四堂課
第 4 堂課:簡單文字的滾滾長江東逝水
第 4 堂課:承上,加上內部留白的 padding 處理
第 4 堂課:承上, 但是使用自己伺服器提供的字型
第 4 堂課:超連結的特殊效果 (:hover)
第 4 堂課:超連結元素變成區塊元素 (display: block)
第 4 堂課:任何東西都可以 :hover 的啦
第 4 堂課:清單的中文數字顯示
第 4 堂課:清單的項目符號使用圖示來展示
第 4 堂課:空氣品質表格處理
第 4 堂課:空氣品質表格處理 collapse 的框線重疊
第 4 堂課:以清單來說明使用 ul li 會產生的後代繼承影響問題
第 4 堂課:承上,使用 ul li 討論後代不會繼承的效應
第 4 堂課:使用 display 搭配 hover 討論隱藏資料的特效
第三堂課
第 3 堂課:使用CSS的 style 取代 font,strong 等標記
第 3 堂課:使用CSS的『數值單位』修改某些特性的大小
第 3 堂課:搭配Body的CSS整體網頁風格的效果
第 3 堂課:直接在 head 內增加 style 設定 CSS 風格
第 3 堂課:在表格上面套用底圖的設計方式
第 3 堂課:使用CSS套用表格兩個不同橫列的設計
第 3 堂課:統一表格的單一class的功能
第 3 堂課:使用 id 取代 class 的功能
第 3 堂課:呼叫外部 CSS 風格設定檔
html 的相關資料