際際滷

際際滷Share a Scribd company logo
02
CSS
覲 蟲′襭   伎  蟲′朱  る襴暑.    曙 覦讌   覓企 殊牡 蠍.
HTML CSS JavaScript
+
Back-End
Front-End
HTML
磯Μ
語 
 襷襦 讌 .
- 語 覦 伎穐  (1998 - )
れ願蠍  覲願 螳 CSS襯 牛 蟲
Web_02 CSS
CSS
Cascading Style Sheets
Cascading Style Sheets= 蠑碁一朱
C語 襴覃 
{ - ; }
object {
property: value;
}
Tag, Id(#), Class(.)
Word = Code
螻燕蟲 譟郁  伎るル 螳螻 朱
蟯螻
覈襯企 曙 襷 矧
Web_02 CSS
襷..仰..譯?
 
觜 殊螻覈一觜 觜
襾碁 覯讌
 螳譟炎螻
 
觜 殊螻覈一觜 觜
襾碁 覯讌
蟲 蟯朱 覲手瑚?
id (#)
Class(.) -> 襷 觜 
覯讌 襾碁
NAME :selector {
property: value;
property-option: value;
}
1
2
3
4
蠏  #id企  .class企 螻
 覃 (  蟯) 覿願
譴蟯 願
CSS 焔れ 伎 ロ螻 碁語襦
譴蟯 螻
<link href=stylesheet href=譯殊>
<style> CSS 伎</style>
1
2
HTML 譴  伎
<head> 蠏  
(襷覃 1覯 豢豌)
NAME
property
property-option
}
1
2
3
4
蠏  #id企  .class
 覃 (
譴蟯 願
CSS
譴蟯 螻
<
<
1
2
HTML
<head
(襷覃 1覯 豢豌)
覦煙伎手岡
覦焔 貊 覯 覲企 蟆覲企  .
text -align
-decoration
background -color
-size
-position
font -size
-weight
-family
property -option
蠍磯蓋朱  
property れ企.
願れ 蠎 語襦.
width
height
top/bottom
left/right
px
pt
%
em
auto 
color #COLORCODE
rgb
rgba(Alpha)
Color Name(Red, Blue)
align left
center
right
display inline
inline-block
block
Value
覿襯蠍一 property  蟆曙,
覃 property 轟 企豪 
ロ   蟆
padding / margin
position
display
padding螻 margin 覦煙 覩  谿伎
margin
覦 襷譯朱  譴
(覦企碁)
padding
 覿手 企 螳 讌
(覿企)
fixed
position
absolute
ろ襦   讌 螳豌願
讌企 讌企 磯殊
display
inline block inline-block
螳 譴  螳螳 るゴ蟆 磯 覿襴 螳 譴  
螳螳 るジ 朱 豌襴.
CSS 覦 れ 
螻覦レ朱 ロ (/るジ讓//殊)
襷  =  願 殊 = るジ讓曙企 2螳襦 
ex) margin: 0 00 000 0000;
蠍一螳 危
 伎り鍵
 襦 覯 襦螻,
譯殊 語 谿伎  覦企.
蠍郁  覿 6  ろ 11 59覿 蟾讌
 1
 2
http://duckduckgo.com (螻)
覃 + 蟆蟆郁骸 覃 襷れ伎り鍵,  1螻 螳.
GET READY
FOR THE
NEXT
LECTURE
(feat. ル語賺)
03
Front-end Advance
覲 蟲′襭   伎  蟲′朱  る襴暑.    曙 覦讌   覓企 殊牡 蠍.

More Related Content

Web_02 CSS