CSS 標記學習

3.1.B:使用CSS的style取代font.strong等標記

3.2.A:使用CSS的數值單位修改某些特性的大小

3.2.B:搭配Body的CSS整體網頁風格的效果

3.3.A:直接在head內增加style設定CSS風格

3.3.B:在表格上套用底圖的設計方式

3.4.A:使用CSS套用表格兩格不同橫列的設計

3.4.B:統一表格的單一class的功能

3.5.A:使用id取代class的功能

3.6.A:呼叫外部css風格設定檔

4.1.A:簡易的CSS

4.1.B:簡易的 CSS 字型處理+padding(內部留白)

4.1.D:使用本伺服器提供的中文字型

4.2.A:超連結的使用

4.2.B:超連結變成區塊(block)

4.3.A:任何地方都能用 :hover

4.4.A:清單的效果-中文號碼清單

4.4.B:清單的效果-清單變成圖片

4.5.A:表格功能的CSS修訂

4.5.B:表格功能-border-colloapse

4.6.A:繼承-清單為例

4.6.B:繼承-後代不會被影響

4.6.C:繼承-display的影藏效果

5.1.A:方塊初探

5.1.B:方塊-水平置中

5.1.C:方塊-框線的圓角+陰影

5.1.D:自製的邊框圖片(90x90為例)

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:隱藏效果

6.1.A:背景的漸層效果初探

6.1.B:背景的漸層效果-用於大頭照

6.2.A:背景--多張背景的應用

6.2.B:背景--背景填滿的效果-cover,contain

6.2.C:背景--清單變成按鈕的效果

6.3.A:照片圖文框設計

6.4.A:方塊的變形--角度變化與疊圖

6.4.B:方塊的變形--方塊的大小，位置

6.5.A:照片圖文框設計-增加漸變功能(類似動畫)

6.6.A:讓圖片自己動的小小動畫效果

7.1.A:用清單設計導覽列

7.1.B:用清單設計導覽列-增加目前瀏覽中的頁面

7.1.C:用清單設計導覽列-增加目前瀏覽中的頁面-連在一起

7.2.A:用清單設計導覽列-兩層導覽列

7.2.B:用清單設計導覽列-兩層導覽列-加上下拉效果

7.3.A:用圖片進行超連結的 map 功能

7.4.B:使用 Balsamiq 設計簡單的網頁草圖

7.5.A:主要的版面配置建置

8.2.A: 版面配置-單欄面設計

9.1.A: 我的第一個PHP網頁

9.1.B: 使用變數處理

9.1.C: 迴圈搭配表格秀出網頁安全色

9.1.D: 迴圈搭配表格秀出網頁安全色-對比色

9.1.E: 用PHP抓伺服器的時間

9.1.F: 用data()判斷時間，並告知問候語

9.2.B: 透過 function 處理時間問候語

9.3.A: 使用網址傳遞變數給伺服器處理

9.3.B: 使用網址傳遞變數給伺服器處理-解決 XSS

9.4.B:剪刀石頭布

9.4.C:隨機產生人物屬性

9.4.D:照片隨機位置