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

Css3 介紹

Embed Size (px)

DESCRIPTION

 

Citation preview

Page 1: Css3 介紹

Eric Ping at http://sudo.tw

CSS3 介紹ERIC PING

Page 2: Css3 介紹

Eric Ping at http://sudo.tw

WHAT’S CSS?

=>CSS=>

Page 3: Css3 介紹

Eric Ping at http://sudo.tw

WHAT’S CSS?

Page 4: Css3 介紹

Eric Ping at http://sudo.tw

WHAT’S CSS?

Page 5: Css3 介紹

Eric Ping at http://sudo.tw

CSS ATTRIBUTES

在CSS當中,用來表示元素的外觀的稱做屬性(attribute)。

如右圖

border:邊框的設定

border-radius:邊框的弧度

Page 6: Css3 介紹

Eric Ping at http://sudo.tw

CSS SELECTORS

使用CSS可以定義物件(元素)的外觀,當然他也有選擇器,而不是一套用就用在全部的上面。

• Tag

• Class

• ID

• Compound(將在之後章節提到)

Page 7: Css3 介紹

Eric Ping at http://sudo.tw

CSS SELECTORS(TAG)

在HTML中,他的元素是用一個TAG來表示的,

像是使用button就可以產生出按鈕

Page 8: Css3 介紹

Eric Ping at http://sudo.tw

CSS SELECTORS(CLASS)

在HTML的元素中,有個屬性叫做Class,他可以定義元素的Class(類別),有不同的Class就能定義不同元件,你是A班,我是B班等等。

Page 9: Css3 介紹

Eric Ping at http://sudo.tw

CSS SELECTORS(ID)

在HTML的元素中,有個屬性叫做ID,在HTML中,相同ID不能同時存在兩個元素中,他是唯一的,不可重複的。

Page 10: Css3 介紹

Eric Ping at http://sudo.tw

CSS實做(TAG)

Page 11: Css3 介紹

Eric Ping at http://sudo.tw

CSS實做(CLASS)

Page 12: Css3 介紹

Eric Ping at http://sudo.tw

CSS實做(ID)