1. CSS3 介紹
ERIC PING
Eric Ping at http://sudo.tw

2. WHAT’S CSS?
=>CSS=>
Eric Ping at http://sudo.tw

3. WHAT’S CSS?
Eric Ping at http://sudo.tw

4. WHAT’S CSS?
Eric Ping at http://sudo.tw

5. CSS ATTRIBUTES
在 CSS 當 中 ， 用 來 表 示 元 素 的 外 觀 的 稱 做 屬 性
(attribute)。
如右圖
border:邊框的設定
border-radius:邊框的弧度
Eric Ping at http://sudo.tw

6. CSS SELECTORS
使用CSS可以定義物件(元素)的外觀， 當然他也有
選擇器，而不是一套用就用在全部的上面。
• Tag
• Class
• ID
• Compound(將在之後章節提到)
Eric Ping at http://sudo.tw

7. CSS SELECTORS(TAG)
在HTML中，他的元素是用一個TAG來表示的，
像是使用button就可以產生出按鈕
Eric Ping at http://sudo.tw

8. CSS SELECTORS(CLASS)
在HTML的元素中，有個屬性叫做Class，他可以
定義元素的Class(類別)，有不同的Class就能定義
不同元件，你是A班，我是B班等等。
Eric Ping at http://sudo.tw

9. CSS SELECTORS(ID)
在HTML的元素中，有個屬性叫做ID，在HTML中，
相同ID不能同時存在兩個元素中，他是唯一的，
不可重複的。
Eric Ping at http://sudo.tw

10. CSS 實做(TAG)
Eric Ping at http://sudo.tw

11. CSS 實做(CLASS)
Eric Ping at http://sudo.tw

12. CSS 實做(ID)
Eric Ping at http://sudo.tw