鳥哥的網頁設計自學網
姓名：鳥哥
學號：4080CXXX
學號：4080CXXX
- 7.1.A - 將清單設計成為導覽列按鈕
- 7.1.B - 將清單設計成為導覽列按鈕-增加活動頁面設計
- 7.1.C - 將清單設計成為導覽列按鈕-導覽列連結一起
- 7.2.A - 第二層的下拉式選單功能
- 7.2.1A - 第二層的下拉式選單功能-直立式選單
- 7.2.B - 第二層的下拉式選單功能-有點動畫滑動的狀態
- 7.5.A - 簡易的 HTML5 版面規劃
- 6.1.A - 設計漸層色彩的使用
- 6.1.B - 圓形大頭貼加上漸層的彩虹在外圍
- 6.2.A - 三張底圖的處理方式
- 6.2.B - 底圖填滿的效果: contain 與 cover
- 6.2.C - 用底圖設計按鈕
- 6.3.A - 統一方塊使用的圖片設計
- 6.4.A - 使用 transform 進行旋轉圖片
- 6.4.B - 使用 transform 進行五張圖片的重疊變化
- 6.5.A - 使用 transition 進行連續動畫的效果，而不是 hover 而已
- 6.6.A - 第一個 CSS 動畫效果
- 6.6.A-1 - 第一個 CSS 動畫效果 - 使用旋轉，就是 transform 的 rotate
- 6.6.B - 旋轉企鵝
- 6.6.C - 會飛的蜜蜂
- 6.6.D - 五張會轉動的圖片
- 5.1.A - 第一次使用方塊練習
- 5.1.B - 將方塊做水平置中
- 5.1.C - 將方塊的框線加上圓角跟陰影的效果
- 5.1.D - 方塊的四角與四邊用圖形取代
- 5.2.A - 兩個方塊的對齊處理
- 5.2.B - 兩個方塊的對齊處理-外部大方塊的排版
- 5.2.C - 兩個方塊的對齊處理-外部大方塊的排版-靠上對齊
- 5.2.D - 兩個方塊的對齊處理-用 float 對齊的方法
- 5.2.E - 用 overflow 設計 float 的父元素現象
- 5.3.A - 使用 margin 調整方塊的位置
- 5.3.B - 使用 z-index 處理照片的顯示順序
- 5.3.C - 位置(position)應用 - relative 用法
- 5.3.D - 位置(position)應用 - relative 搭配 top, left 移動
- 5.3.E - 位置(position)應用 - absolute 位置的用法
- 5.3.F - 位置(position)應用 - fixed 位置的用法
- 5.4.A - 溢位 (overflow) 的效果設計
- 5.4.B - 圓形大頭貼 -- 溢位 (overflow) 的效果設計
- 5.4.C - 理解消失 (display: none, visibility: hidden) 的差別
- 5.5.2 - Linus 先生簡介
- 5.5.3 - 勾心鬥角指數-另一種呈現
- 4.1.A - CSS 不同字型的使用
- 4.1.B - 行高、字距的設計
- 4.1.D - 使用 google 的字型
- 4.2.A - 超連結的特效
- 4.2.B - 讓 a 用 display 變成區塊元素
- 4.3.A - 使用 :hover 效果
- 4.4.A - 清單效果
- 4.4.B - 清單效果-使用圖檔來處理
- 4.5.A - 表格的 CSS 效果
- 4.5.B - 表格的 CSS 效果 - 用 border-collapse 摺疊框線
- 4.6.A - 繼承: 後代子孫全部引用
- 4.6.B - 繼承: 使用 > 讓直屬的下一代才生效，隔代不動作
- 4.6.C - 使用 display 做隱藏的效果
- 4.7.2 - CSS 字型效果的處理
- 3.1.B - 第一個 CSS 的網頁
- 3.2.A - 討論 CSS 的數值單位
- 3.2.B - 討論顏色的使用
- 3.3.A - 使用 head 內的 style 設計
- 3.3.B - 使用 CSS 設計底圖的使用
- 3.4.A - 使用 CSS 的 class 設計重複出現的樣式
- 3.4.B - 使用 CSS 的底圖功能
- 3.5.A - 使用 id 呼叫 CSS 的功能
- 3.6.A - 使用外部 CSS 檔案的呼叫