The Web Design Group

CSS$B%/%$%C%/!&%A%e!<%h%j%"%k(b

$B%9%?%$%k!&%7!<%h$o%9%?%$%k!&%k!<%k$+$i$j$j!"j8=q$r$i$n$h$&$ki=<($9$k$+$r%v%i%&%6$kea$($k$b$n$g$9!#(b HTML$B$K%9%?%$%k!&%k!<%k$r%j%s%/$9$k4v$d$+$nj}k!(b$B$,$"$j$^$9$,!":G$b%7%s%W%k$J$b$N$O(BHTML$B$G(BSTYLE$BMWAG$r;H$&J}K!$G$9!#$3$NMWAG$OJ8=q$N(BHEAD$B$K=q$-!"$=$N%Z!<%8$g$n%9%?%$%k!&%k!<%k$k$j$j$^$9!#(b

STYLE$BMWAG$O%9%?%$%k!&%7!<%h$r7p83$9$k$k$o$$$$j}k!$g$9$,!"$B%9%?%$%k!&%7!<%h$r(bhtml$b$k%j%s%/$9$k$3$h(b$B$G>\$7$/$_$^$9!#(B

$B%k!<%k$o!"(bselector$B$H(Bselector$B$KE,1~$5$l$k%9%?%$%k$+$i9=@.$5$l$F$$$^$9!#IaDL!"(B BODY$B!&(B P$B$d(B EM$B$J$I$N(BHTML$BMWAG$,(Bselector$B$K$J$j$^$9!#(B

$BMWAG$rDj5A$9$k(B$B%W%m%Q%F%#(B$B$,$?$/$5$s$"$j$^$9!#3F%W%m%Q%F%#!<$k$o(b$BCM(B$B$,$"$j!"%W%m%Q%F%#!<$h$h$b$k(bselector$b$,$i$n$h$&$ki=<($9$k$+$r5-:\$7$^$9!#(b

$B%9%?%$%k!&%k!<%k$o0j2<$n$h$&$j$j$^$9(b:

selector { property: value }

$B0l$D$N%;%l%/%?!<$g$nj#?t$n%9%?%$%k@k8@$o!"%;%_%3%m%s(b;$b$g$d$j$.$^$9!#(b

selector { property1: value1; property2: value2 }

$BNc$r$"$2$F$_$^$9!#0J2<$n%3!<%i$o!"(b H1$B$H(BH2$B$G!"(B color$B$H(Bfont-size$B$N%W%m%Q%F%#!<$rdj5a$7$?$b$n$g$9(b:

<HEAD>
<TITLE>CSS Example</TITLE>
<STYLE TYPE="text/css">
 H1 { font-size: x-large; color: red }
 H2 { font-size: large; color: blue }
</STYLE>
</HEAD>

$B>e$NNc$N%9%?%$%k!&%7!<%h$o!"%l%y%k(b1$b$n8+=p$7$o(bextra-large$b!"(bred$b%u%)%s%h$gi=<($7!"%l%y%k(b2$b$n8+=p$7$o(blarge$b!"(bblue$b%u%)%s%h$gi=<($9$k$h$&$k%v%i%&%6$kea$($^$9!#(b W3C CSS1$B;EMM=q(B$B$K$OA4$F$N(B $B%W%m%Q%F%#$HCM(B$B$,7h$a$i$l$F$$$^$9!#%W%m%Q%F%#$HCM$O!"$3$N%Z!<%8$n(b CSS$B%W%m%Q%F%#(B$B%;%/%7%g%s$K$b$"$2$F$"$j$^$9!#(B

$B$3$N%A%e!<%h%j%"%k(b($bn}=,%l%c%9%s(b)$b$g$o!"%+%9%1!<%g%#%s%0!&%c%9%?%$%k!&%7!<%h$n4pk\e*$jf3f~$g$9$,!"<+j,$g%9%?%$%k$r=q$$$f$_$k>l9g$N==J,$J>pJs$rDs6!$7$F$$$^$9!#%+%9%1!<%g%#%s%0!&%9%?%$%k!&%7!<%h$r$h$j?<$/cn$j$?$$$j$i!"0j2<$n%;%/%7%g%s$rfi$s$g2<$5$$(b:

Maintained by John Pozadzides and Liam Quinn

The Web Design Group

CSS$B%/%$%C%/!&%A%e!<%h%j%"%k(b

CSS$B%/%$%C%/!&%A%e!<%h%j%"%k(b