人傑的網頁設計自學網
姓名：[ˊ節
學號：4050c027
學號：4050c027
- 第八堂課
- 第七堂課
- 第六堂課
- 6.1.A色彩漸層的初體驗
- 6.1.B圓形的彩虹漸層處理
- 6.2.A寧夏的歌詞 (三張底圖的處理方式)
- 6.2.B底圖的填滿效果 (contain vs. 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讓圖示自己動的小動畫-1(@keyframes)
- 6.6.B讓企鵝自己轉圈圈
- 6.6.C在背景下的蜜蜂會飛來飛去的
- 6.6.D 經常用在首頁旋轉圖示的小動畫效果
- 第五堂課
- 5.1.A方塊模型的初級理解
- 5.1.B方塊模型的置中處理(水平對齊, margin)
- 5.1.C方塊模型的圓角與陰影
- 5.1.D方塊模型使用圖檔作為框線的來源
- 5.2.A方塊對齊的機制-inline-block
- 5.2.B方塊對齊的機制-外部方塊整合排版
- 5.2.C方塊對齊的機制-內部靠上對齊用 vertical-align
- 5.2.D方塊對齊的機制-內部靠上對齊用 float
- 5.2.E方塊對齊的機制-外部框線補齊用 overflow
- 5.3.A位置探討 - 正常流向時，使用 margin 調整移動的位置
- 5.3.B位置探討 - 承上，使用 z-index 搭配 position 來調整圖層
- 5.3.C位置探討 - 一般排版，使用垂直朝上對齊的效果，分三欄位
- 5.3.D位置探討 - 使用 position relative 來調整單一方塊移動的效果
- 5.3.E位置探討 - 使用 position absolute 來調整全部方塊移動的效果
- 5.3.F位置探討 - 使用 position fixed 來增加一個類似按鈕方塊的功能
- 5.4.A討論不同的 overflow 效果展示
- 5.4.B圓形的大頭貼產生的方式
- 第四堂課
- 4.1.A簡單文字的滾滾長江東逝水
- 4.1.B承上，加上內部留白的 padding 處理
- 4.1.D承上， 但是使用自己伺服器提供的字型
- 4.2.A超連結的特殊效果 (:hover)
- 4.2.B超連結元素變成區塊元素 (display: block)
- 4.3.A任何東西都可以 :hover 的啦
- 4.4.A清單的中文數字顯示
- 4.4.B清單的項目符號使用圖示來展示
- 4.5.A空氣品質表格處理
- 4.5.B空氣品質表格處理-collapse 的使用
- 4.6.A用清單來說明繼承，這是後代通通繼承的時候
- 4.6.B用清單來說明繼承，僅影響下一代而不是所有後代
- 4.6.C用清單來說明繼承，加上 display: none 的隱藏應用
- 第三堂課