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