課程目標：

您將使用層疊樣式表來設計和開發高效率和有效的網站。

對象：

層疊樣式表（第三版）是為有經驗的網頁開發者且使用過一些HTML經驗的學生準備。學生應該是舒適的製作網頁，編寫HTML程式碼，並使用Internet Explorer或Netscape Navigator。

上課條件：

為確保您的成功，我們建議您先採取以下Element K課程或具有同等知識：

• HTML 4.01：網頁製作，第一級（第二版）
• HTML 4.01：網頁製作，第二級（第二版）

上課方式：

講師帶領下，結構化的小組學習、課堂教學實作活動學習模式。

軟體需求

個人電腦

Windows 95，98，2000，Me或XP。
Netscape 7.1（或更高版本）使用預設安裝。您可以在http://www.netscape.com免費下載這個瀏覽器。
Microsoft Internet Explorer 6.0（或更高版本）使用預設安裝。您可以在http://www.microsoft.com免費下載這個瀏覽器。

Mac

Mac OS 8.6，8.6.1，9.x或X。
Netscape 7.1（或更高版本）使用預設安裝。您可以在http://www.netscape.com免費下載這個瀏覽器。
Microsoft Internet Explorer 6.0（或更高版本）使用預設安裝。您可以在http://www.microsoft.com免費下載這個瀏覽器。

基於效率的目標

在成功完成該課程後，學生將能夠：
控制顏色和字體。
根據既定指引建立樣式表的層疊。
設計採用盒子屬性的內容部分。
使用CSS定位控制你的頁面排版。
提高現有的設計。
建立備用樣式表和你的頁面連結到它們來提高你的網站的可訪問性和功能性。

課程內容

課程1：控制顏色和字體

• 主題1A：創建嵌入的樣式表
• 主題1B：應用顏色
• 主題1C：評論你的代碼
• 主題1D：修改文本樣式
• 主題1E：修改字體樣式
• 主題1F：創建一個鏈接樣式表

課程2：用層疊設計

• 主題2A：建立樣式類別
• 主題2B：建立標識樣式
• 主題2C：建立上下文樣式
• 主題2D：目標樣式與特定屬性的元素
• 主題2E：建立層疊樣式表
• 主題2F：導入樣式表
• 主題2G：建立行內樣式

課程3：設計內容區段

• 主題3A：控制邊界和內距
• 主題3B：建立邊框
• 主題3C：控制元素尺寸
• 主題3D：建立浮點元素
• 主題3E：控制內容溢出

課程4：控制排版與定位

• 主題4A：控制絕對定位的排版
• 主題4B：建立一個固定的多欄排版
• 主題4C：建立一個流動的多欄排版
• 主題4D：控制相對定位的排版
• 主題4E：控制分層元素的顯示
• 主題4F：應用固定定位

課程5：加強現有設計

• 主題5A：自定義游標
• 主題5B：自定義連結樣式
• 主題5C：自定義表單
• 主題5D：使用背景圖片工作
• 主題5E：自定義列表
• 主題5F：建立產生內容

課程6：建立備用樣式表

• 主題6A：建立可存取的樣式表
• 主題6B：應用使用者定義的系統字型和顏色
• 主題6C：建立一個列印樣式表

附錄A：:first-line和:first-letter Pseudo-Classes

附錄B：在DOCTYPE開關

附錄C：在IE 5.x的固定元素寬度

附錄D：卷軸顏色

附錄E：專屬游標樣式