CSS¡@¼KCascading Style Sheet¡@ù¤ÛX£D§²£D¡@¡@¡@¡@¡@Ígâò¡@¡È£~¡@CSS¡@¡@¡@¡@¡@¡@£¤±`¡@¡@¡@¡@¡@CSS¡@¡@í}£µÀtÖv¡@£[¡@¡ë¡@¡@­è¥Ê¡@çS¡@¡@¡@¡@¡@¡@í}¡@¡@¡@
¡@¡@CSS¡@¡@¾PÀtí}¡@£D¡@
1.¡@âô£D¡@

2.¡@´ù£D¡@

3.¡@£D

3.©g¡@£D¡@
¡@.CSS¡@¡~¡@¡@
¦J©Ú¬ÑæÎ{©g¡@1:¡@1;©g¡@2:¡@2;©g¡@3:¡@3;©g¡@n:¡@n¡@¡@}
¡@¡@
td{font-size:12px;color:#FFFF00}
.myname{font-size:12px;color:#FFFF00}
a:hover{font-size:12px;color:#FFFF00;text-decoration: underline;}
¡@.¡@¾P¦J©Ú¬ÑæÎ
1.HTML selector (TagName)
2.class selector (.NAME)
3.ID selector (#IDname)
4.¡@¡@¬ÑæÎ (a:hover¡@a:link¡@a:visited¡@a:active)
1.HTML selector
HTML selectorâòÖvHTML¡@¡@§¨¤~¡@¡@¡@DIV¡@TD¡@H1¡@HTML selector¡@¡@¡@¡@âäÖvµÜ¡@¡@ÆB§²£D¡@¡@£V¡@¡@¡@¡@¡@£VÆB¡@§¨¤~¡@
££¡@
td
{
color: #FF0000;
}
-->
¡@ºØ¡@¡@¡@¡é£VµÜ¡@¡@¡@¡@£µ¡@¡@¡@¡@¯¹¶]¡@¡g¡@
2.class selector
¡~¡@class selector´fðEù죵¡@¼K£µ¡@¡@¡@íå¡@.¡²¡@¡@¡@.classname¡²¡@class selector¡@¡@¡@¡@âäÖv¡@£V¡@¡@¡@class="classname"¡²¡@¡@§¨¤~¡@
££¡@
.fontRed
{
color: #FF0000;
}
-->
¡@ºØ¡@¡@§÷¡@¡@¡@¡é£V¡@class="fontRed"¡²¡@¡@¡@¡@¡@¡é£V¶]¡@¡g¡@
3.ID selector
¡~¡@ID selector´fðEù죵¡@¼K£µ¡@¡@¡@íå¡@#¡²¡@¡@¡@#IDname¡²¡@ID selector¡@¡@¡@¡@âäÖv¡@£V¡@¡@¡@ID="classname"¡²¡@¡@§¨¤~¡@
££¡@

#fontRed
{
color: #FF0000;
}
--> 
¡@ºØ¡@¡@§÷¡@¡@¡@¡é£V¡@ID="fontRed"¡²¡@¡@¡@¡@¡@¡é£V¶]¡@¡g¡@
4.¡@¡@¬ÑæÎ
¡@¡@¬ÑæΡ@¡@¡@¾P¡@Öv¡@¬Ñ´ù¾X¬ÑæΡ@¡@¡@:
a:hover ¤½§¨Ã¯¡@¡@¡@ð_´ù¾X
a:link ¡@Ïï¡@ïþÏî«ôð_´ù¾X
a:visited Ïî«ô¡@¡@ð_´ù¾X
a:active ¤½§¨íåÁñ¡@¡@ð_´ù¾X
¡@¡@¬ÑæΡ@¡@¡@¡@âäÖv¡@£V¡@§¨¤~¡@¡@¡@§þ£V¡@Åòê¿¡@¡@¡@¡@¡@¡@¡@âò£V¡@¾P¡@Úu¡@¡@¡@¡@¡@£V¡²£³¡@¡@±Y³°¡@¡@
££¡@
a:hover
{
color: #0000FF;
text-decoration: underline;
}
-->
¡@ºØ¡@¡@¡@¡@£V¡@¡@¡@¡@
a.classname:hover
a#IDname:hover
¡@£³¾PøýÚu¡@Öv¡@¡@¡@¡@.classname¡@#IDname£~¡@¡@¡@¡@¡@¡@¡@¡@âä¶]£K¡@¡@£V¡@¡@¡@class="classname"¡²¡@¡@ID="IDname"¡²¡@¡@§¨¤~¡@¡@¾PøýÚu¡@¡@¡@ÛK¡@¡@¡@¡@¡@¡@¡@¡@Àtí}¡@¾Pa:hover¡@ÏÄ¡@¡@¡@¡@¡@¡@¬üçS¡@¡@¡@¡@¡@°f¡@¡@¡@ª¤¡@¡@¹ý§¨¡@¡@¤½§¨¡@¡@¶[¡@¡@
¡@.µÜ¡@¡@
1.¡@§¨¤~¡@¡@¯¹µÜ¡@
2.¡@¡@ºN¡@class="NAME"
3.ID   ID="IDname"
4.¡@¡@¬ÑæΡ@¡@¯¹µÜ¡@
¡@.CSS©g¡@
CSS¡@©g¡@£V¡@¡@¡@¹_¡@¡@¡@¡@¡@µ{¡@¡@color¡@¡@¡@¡@¡@¡@µÂ¡g¡@background-color¡@¡@棬K¡g¡@¡@¡@Övµ{¡@ðE¡@¡@¡@Öv¡@¡@¡é£V¡@¡@¿Á¡@¡@§â£m¡@¡@¡@»Ô¡@¡@âò¡@¡@¡@¡@

¡@¡@£³íå
§÷¡@íå¡@css¡@¡@£Dí}¡@¡@¡@±`¡@¡@¡@³õÖ³¾X¡@¡@¡@¡@Å~£¤¡@ôm¡@Úñ¯aÅ~£¤¡@¡@ôm
§÷¡@íå¡@¡@¡@¡@Övfrontpage2003¡@¡@¡@css¡@§â­p±`¡@¡@¯¹Å÷¡@¡@¡@¡@¡@¹_¡@Íg¡@¡é£V¡@¡@¡@~~dw£V¡@

µ{¡@¡@¯Ñ¡@¡o¡@qqÖp¼f¡@¡@¡@¡@§²£D¡@­Ë¡@²£¡@£¤¡@¡@¡@ÛS¡@ãF¿Ñ¡@¡@¿ë¬Ñ¡@²££V¡@
CSS §¨´U©g¡@/©g¡@§â£m

¡@¡@¡@¡@¡@¡@Íg¡@¡@¡@§²£D¡@(CSS)§¨´U©g¡@¡@§¨£V²|¸¡(*)¡@§¨´U©g¡@¡@¡@ Microsoft® Internet Explorer 5 ¡@£~¡@¡@§¨£V£³¡@²|¸¡(**)¡@§¨´U©g¡@¡@¡@ Internet Explorer 5.5 ¡@£~¡@¡@¡@£V£³¡@¡@¸¡(++)¡@§¨´U©g¡@¡@¡@ Internet Explorer 6 ¡@£~¡@¡@¡@ÏÄ¡@¡@§¨´U©g¡@¡@©g¡@¡@¡@Å÷¡@­Ë¡@½¹çS¡@¡@(W3C)¡@¡Ì¡@¡@¡@§¨¡@¬é¡@¡@ªµ§¨£V¡@¡@Å÷¡@¡²¡@¡@¡@¡@§¨´U©g¡@¡@©g¡@¡@¡@Å÷¡@­Ë W3C ¡@¡@Öv§¨¡@¡@¡@§¨£V¡@ÐR¡@¡²¡@

CSS §¨´U©g¡@/©g¡@

¡o¡@©g¡@ behavior

¡@çj¢Q¡@¡@©g¡@ direction*

direction
font
font-family
font-size
font-style
font-variant
font-weight
ime-mode
layout-grid
layout-grid-char
layout-grid-line
layout-grid-mode
layout-grid-type
letter-spacing
line-break
line-height
min-height ++
ruby-align
ruby-overhang
ruby-position
text-align
text-autospace
text-decoration
text-indent
text-justify
text-kashida-space
text-overflow ++ 
text-transform
text-underline-position
unicode-bidi
vertical-align
white-space**
word-break
word-spacing ++(¡@ Macintosh ¡@¡@ 4.0 ¡@¡@¡@)
word-wrap
writing-mode

µÂ¡g¢Q棬K©g¡@ background-attachment
background-color
background-image
background-position
background-position-x
background-position-y
background-repeat
color

¡@¡@©g¡@ border
border-bottom
border-bottom-color
border-bottom-style
border-bottom-width
border-collapse*
border-color
border-left
border-left-color
border-left-style
border-left-width
border-right
border-right-color
border-right-style
border-right-width
border-style
border-top
border-top-color
border-top-style
border-top-width
border-width
clear
float
layout-flow
margin
margin-bottom
margin-left
margin-right
margin-top
padding
padding-bottom
padding-left
padding-right
padding-top
scrollbar-3dlight-color
scrollbar-arrow-color
scrollbar-base-color
scrollbar-darkshadow-color
scrollbar-face-color
scrollbar-highlight-color
scrollbar-shadow-color
table-layout*
zoom

¡@ºN©g¡@ display

list-style
list-style-image
list-style-position
list-style-type

¡~¡@©g¡@ bottom*

clip
height
left
overflow
overflow-x
overflow-y
position
right*
top
visibility
width
z-index

¡@¡@©g¡@ page**

pageBreakAfter
pageBreakBefore

Óg´y©g¡@ filter

¾bºN¢Q£µ¡@©g¡@ :active

@charset
cursor
:first-letter**
:first-line**
@font-face
:hover
@import
!important
:link
@media*
@page**
:visited

Àtí}CSS¥Ê¡@®Y¡@¡@ÏÄ¡@¡@Úu

¥Ê¡@®Y¡@¡@ÏÄ¡@ðE£V£³¾P¡@¯Ñ¸¸¦ä¡@¡@ÚuÖv¡@¾X¡@CSS¡@¡@¡@¬Ñimg¡~¡@®Y¡@¡@border¡@¡@££¡@¡@¡@CSS¡@¡~¡@¡@¡@
img.framed {
padding: 6px;
border: 1px solid #CCC;
background-color: #FFF; }
¡@¡@¡@HTML¡@¡@¡@¡@¡@¡@¡@blog¡@¡@¡@¡@¡@¡@¡@¬Ñâô¡@¡@¥Ê¡@¡~¡@class="framed"âò¡@£V¡@µÜ¡@®Y¡@¡@ÏÄ¡@
¡@¡@¡@¡@Úu¡@ÀßíåÖv¡@¯Ñ¸¸¦ä¡@¡@Àtí}¡@¡@ÏÄ¡@¯Ñ¦äÖÅ¡@¡@¡@¡@¡~¡@¡@¡@¡@¡@ÀeºØ¡@¡@ÏÄ¢Q¡@£v¡@¡@¡@ÏÄ¡@££¡@¼é¬ø¡@¡gÒѶ]¡@³æ³æ¡@¡@¡@¡@´Ý§÷¡@¾P¡@Úu¡@¡@§÷¡@¾PÒæ¡@¡@ÄC¡@£v¡@¡@¡@Blogger¤Ø¡@¡@¡Vµ±¡@¹ý¡@¡@¡@¡@®Ã¢O¡~¡@¡@¡@¥Ê¡@¡@¥Ê¡@¡@¿[¡@çS¡@¡@Å~£¤¡@¡@¡@¯¹¡@¡@¡@¡@¡@¡@¡@¡@¡@¡@¥Ê¡@¡@ð@¡@¡@¡@¡@¡@¡@®Y¡@¡@ÏÄ¡@µ\çS¡@¡@¶^¿Ñ¡@ÏÄ¡@¡@¡@Þæ¡@¡@¡@¡@¾P¡@Úu´fðE¬Ñ¥Ê¡@¡@¡@ªÄ¡o¡@¡@¡@
Àt££¡@CSS¥Ê¡@®Y¡@¡@ÏÄ - CSS Image Frame
¡@¡@´fðE¡@¡@¡@¡@®Y¡@¡@ÏÄ¡@棬K¥Ê¡@¡@ò~¡@¡@CSS¡@¬Ñ棬K®Y¡@¡~¡@¥Ê¡@Äø¡@¡@Image replacement)¢Q¡~¡@¢Q¡@ï¡@¡@¡@¡@¡@¡@¡@££¡@¡@£V¬å©¡¡@Ï¡@¡@¡@¡@§ó¤è¡@¡@¡@¡@¡@¡@¡@çS¡@¡@ªÄ¡oÀt¼Q¡@¡@¡@¡@¡@¡@¡@¡@¡@ÏÄ¡@¥Ê¡@¡@¡@Öv¡@163px X 105px



¡@¡@Ï¡@¡@¡@ùà¡@¡@¡@´fðE3¡@¡@¡@¡@¥ÊÁM¡@¡@®Y¡@¡@Ïĥʡ@CSS¡~¡@¡@¡@¡@í~¡@¡@¡@¡@¡@¡@¡@¡@¡@®Y¡@¡@ÏÄ棬K¡@¡@¡@¡@3¡@¡@¡@¡@¡@¡@¡@ÓI¡@¤½§¨¡@¡@¡@¡@¡@íåÁñ¡@¡~¡@¡@¡@¡@¡@¡@ÏÄ¡@ò~¡@¡@¡@CSS¡@¡@¡~¡@¡@ïªÄ¡o¥_¡@¡@¡@CSSçS¡@¡@ð@¡@¡@¥Ê¡@Äø¡@¡@¡@¡~¡@¡@ïÖv¡@¡@£~¡@¡@¡@¡@¡@¡@¾P¡@Úu¡@¡@µz¢A¡@¬Ñ¡@¡@¡@¡@¾®³º¡@¤B¡@À¬¡@¡@¡@¡@ÁC¡@¡@â§ó¥Ê¡@¡@¡@£n¬ø¡@¡@¾®Öµ¡@¡@«ô¡@¡@¡@¡@ðE¡@Öv¡@ôm¡@¡@¡@¡@¡@¡@´fðE£~¡@Photoshop¬Ñ¡@£V¥Ê¡@ªÄ¡o®Y¡@¡@¡@£n¡@¡@ÖµÀtí}®Y¡@¡@ÏÄ¡@ ©£Àé¡@¡@Úu¡@¡@¡@¡@££¡@¡@¡@¡@¡@²£Å÷£¢¡@¡@¡@ºØ¡@¡@