嵐月的網頁設計自學網
姓名:蔡宗翰
學號:4071C004
回首頁
HTML 標記學習
第一堂課
第二堂課
HTML 作業回顧
CSS 學習
第三堂課
第四堂課
第五堂課
第六堂課
第七堂課
第八堂課
CSS 作業回顧
網站地圖
關於我
目前位置:
嵐月自學網
>
CSS學習
>
第三堂課
第三堂課
第三堂 初觸CSS
第三堂 探討CSS的單位
第三堂 在head進行整體設定
第三堂 背景設定
第三堂 處理兩種不同的class
第三堂 表格的底圖
第三堂 使用id而不是style
第三堂 外部呼叫style.css樣式
第四堂課
第四堂 簡易的CSS自行處理
第四堂 簡易的CSS自行處理+padding(內部留白)
第四堂 使用本伺服器提供的中文字型
第四堂 超連結的使用
第四堂 超連結變區塊(block)
第四堂 任何地方都能使用:hover
第四堂 清單的效果:中文號碼清單
第四堂 項目變圖片
第四堂 表格功能的CSS修訂
第四堂 表格功能border-collapse功能
第四堂 繼承 清單為例
第四堂 繼承 後代子孫不會被影響 >
第四堂 繼承 display的隱藏效果
第五堂課
第五堂 方塊初探
第五堂 方塊 水平置中
第五堂 方塊 框線、圓角和陰影
第五堂 方塊 自訂框線圖片(Ex:90X90)
第五堂 方塊 將方塊變成行內元素
第五堂 方塊 盡量不跑版的設計之一
第五堂 方塊 用vertical-align進行向上對其功能
第五堂 方塊 用 float 進行向上對齊的功能
第五堂 方塊 加上 overflow 的父元素功能
第五堂 方塊 兩個方塊的重疊與透明度
第五堂 方塊 透過 z-index 調整元素的圖層上/下
第五堂 方塊 position位置初探
第五堂 方塊 position relative 的移動
第五堂 方塊 position absolute 的移動
第五堂 方塊 fixed 固定位置
第五堂 方塊 overflow 的探討
第五堂 方塊 圓形大頭貼
第五堂 方塊 visibility 隱藏效果
第六堂課
第六堂 方塊 背景的漸層效果初探
第六堂 方塊 背景的漸層效果 用於大頭貼
第六堂 背景 多張背景的應用
第六堂 背景 填滿的效果-cover, contain
第六堂 背景 清單變成按鈕的效果
第六堂 照片圖文框的設計
第六堂 照片圖文框的設計 增加漸變功能
第六堂 方塊的變形 角度變化與疊圖
第六堂 方塊的變形 方塊的大小與位置
第六堂 讓圖片自己動的小小動畫效果
第七堂課
第七堂 用清單設計導覽列
第七堂 用清單設計導覽列 增加目前瀏覽中的頁面
第七堂 用清單設計導覽列 增加目前瀏覽中的頁面-連在一起
第七堂 用清單設計導覽列 兩層導覽列
第七堂 用清單設計導覽列 兩層導覽列 上下拉效果
第七堂 用圖片進行超連結的 map 功能
第七堂 網頁配置
第八堂課
第八堂 單欄式版面設計
CSS的相關資料