哲瑋的網頁設計自學網
姓名:劉哲瑋
學號:4060C017
回首頁
HTML 標記學習
第一堂課
第二堂課
HTML 作業回顧
第一堂課
第二堂課
CSS 學習
第三堂課
第四堂課
第五堂課
第六堂課
第七堂課
第八堂課
CSS 作業回顧
第三堂課
第四堂課
第五堂課
第六堂課
第七堂課
網站地圖
關於我
哲瑋自學網
>
CSS 學習
第三堂課
3.1.B: 第一次使用CSS取代
3.2.A: 探討CSS的單位
3.2.B: 探討CSS的簡易使用
3.3.A: CSS在 bead 使用的整體設定值
3.3.B: CSS處理背景
3.4.A: CSS處理兩種不同的
3.4.B: CSS處理 table 的底圖
3.5.A: CSS使用id去呼叫,不是用class
3.6.A: 使用外部呼叫的style.css樣式
第四堂課
4.1.A: 簡易的CSS字型處理
4.1.B: 簡易的CSS字型處理
4.1.D: 使用本伺服器提供的中文字型
4.2.A: 超連結的使用
4.2.B: A 超連結變成區塊
4.3.A: 任何地方都能用
4.4.A: 清單的效果-中文號碼清單
4.5.A: 表格功能的CSS修訂
4.5.B: 表格功能-border-collapse功能
4.6.A: 繼承-清單為例
4.6.B: 繼承-後代子孫不會被影響
4.6.C: 繼承-display的隱藏效果
第五堂課
5.1.A: 方塊初探
5.1.B: 方塊 - 水平置中
5.1.C: 方塊 - 框線的圓角+陰影
5.1.D: 方塊 - 自製邊框
5.2.A: 方塊 - 將方塊變成內行元素
5.2.B: 方塊 - 盡量不要跑版的設計之一
5.2.C: 方塊 - 用 vertical-align 進行向上對齊的功能(放在子元素內)
5.2.D: 方塊 - 用float進行向上對其的功能
5.2.E: 方塊 - 加上overflow的父元素功能
5.3.A: 方塊 - 兩個方塊重疊與透明度
5.3.B: 方塊 - 透過 z-index 調整元素的塗層上/下
5.3.C: 方塊 - position 位置初探
5.3.D: 方塊 - position - relative 的移動
5.3.E: 方塊 - position - absolute 的移動
5.3.F: 方塊 - position - fixed 固定的位置上
5.4.A: 方塊 - overflow 的探討
5.4.B: 方塊 - 圓形大頭貼
5.4.C: 方塊 - visibility 的影藏效果
第六堂課
6.1.A: 使用漸層的背景
6.1.B: 圓形外框大頭貼加上厚重的彩虹
6.2.A: 多張底圖的處理方式
6.2.B: 背景放大到邊框型態 cover/contain
6.2.C: 影像透明度的使用 OPACITY 的處理
6.3.A: 方塊內圖片上面蝶文字說明的統一格式處理
6.4.A: 多重圖示的旋轉技巧加上萬用字源的呼叫使用
6.4.B: 多張底圖的處理方式
6.5.A: 以漸變方式取代直接變化的 transition 功能
6.6.A: 以動畫方式讓滑鼠特效變成一直變動的畫面
第七堂課
7.1.A: 使用清單來設計導覽列的方法
7.1.B: 修改導覽列加入 active 的樣板
7.1.C: 修改導覽列,讓按鈕間沒有框限
7.2.A: 讓導覽列有第二層選單功能
7.2.B: 讓導覽列第二層選單可以具有滑動特效
7.3.A: 讓圖片具有超連結的點選功能
7.4.B: 使用 Balsamiq Mark 進行快速版面配置作業
7.5.A: 主要的版面配置建置
第八堂課
8.2.A: 版面配置 - 單欄式設計
8.2.B: 版面配置 - 單欄式設計
8.4.A: 版面配置 - 單欄式設計
CSS 的相關資料