鳥哥的網頁設計自學網
姓名:妮蕙
學號:4060C021
回首頁
HTML 標記學習
第一堂課
第二堂課
HTML 作業回顧
CSS 學習
第三堂課
第四堂課
第五堂課
第六堂課
第七堂課
第八堂課
CSS 作業回顧
網站地圖
關於我
鳥哥自學網
>
首頁
第三堂課
第三堂課:第一次使用 CSS 取代
第三堂課:探討CSS單位
第三堂課:探討CSS的簡易使用
第三堂課:CSS在head使用的整體設定值
第三堂課:CSS處理背景
第三堂課:CSS處理兩種不同的class
第三堂課:CSS處理table的底圖
第三堂課:CSS使用id去呼叫,不是用class
第三堂課:使用外部呼叫的 style.css 樣式
第四堂課
第四堂課:簡易的CSS字型處理
第四堂課:簡易的CSS字型處理+padding(內部留白)
第四堂課:使用本伺服器提供的中文字型
第四堂課:超連結的使用
第四堂課:超連結變成區塊
第四堂課:任何地方都能用:hover
第四堂課:清單的效果-中文號碼清單
第四堂課:清單的效果-項目變成圖片
第四堂課:表格功能的CSS修訂
第四堂課:表格功能-border-collapse功能
第四堂課:繼承 - 清單為例
第四堂課:繼承 - 後代子孫不會被影響
第四堂課:繼承 - display的隱藏效果
第五堂課
第五堂課:方塊初探
第五堂課:方塊 - 水平置中
第五堂課:方塊 - 框線的圓角+陰影
第五堂課:方塊 - 自製邊框圖片(90*90為例)
第五堂課:方塊 - 將方塊變成行內元素
第五堂課:方塊 - 盡量不要跑版的設計之一
第五堂課:方塊 - 用vertical-align進行向上對齊的功能(放在子元素內)
第五堂課:方塊 - 用float進行向上對齊的功能
第五堂課:方塊 - 加上overflow的父元素功能
第五堂課:方塊 - 兩個方塊的重疊
第五堂課:方塊 - 透過z-index調整元素的圖層上下方
第五堂課:方塊 - position位置初探
第五堂課:方塊 - relative的移動
第五堂課:方塊 - absolute 的移動
第五堂課:方塊 - fixed固定的位置上
第五堂課:方塊 - overflow的探討
第五堂課:方塊 - 圓形大頭貼
第五堂課:方塊 - visibility隱藏的效果
第六堂課
第六堂課:背景的漸層效果初探
第六堂課:背景的漸層效果 - 用於大頭照
第六堂課:背景 - 多張背景的應用
第六堂課:背景 - 背景填滿的效果 - cover, contain
第六堂課:背景 - 清單變成按鈕的效果
第六堂課:照片圖文框的設計
第六堂課:方塊的變形 - 角度變化與疊圖
第六堂課:方塊的變形 - 方塊的大小、位置
第六堂課:照片圖文框的設計 - 增加漸變功能 (類似動畫)
第六堂課:動畫效果
第六堂課:讓小企鵝自己轉圈圈
第六堂課:『寧夏』歌詞,背景讓蜜蜂跑來跑去
第六堂課:五個畫面裡面有超連結加上互相輪轉的功能
第七堂課
第七堂課:用清單設計導覽列
第七堂課:用清單設計導覽列 - 增加目前瀏覽中的頁面
第七堂課:用清單設計導覽列 - 增加目前瀏覽中的頁面 - 連在一起
第七堂課:用清單設計導覽列 - 兩層導覽列
第七堂課:用清單設計導覽列 - 兩層導覽列 - 加上下拉效果
第七堂課:用圖片進行超連結的 map 功能
第七堂課:使用 Balsamiq 設計簡單的網頁草圖
第七堂課:主要的版面配置建置
第八堂課
第八堂課:版片配置 - 單欄式設計
第八堂課:版片配置 - 單欄式設計
html 的相關資料