6. $B%$%s%]!<%H(B

$B%9%?%$%k!&%7!<%H$N%3%s%]!<%M%s%H2=(B

CSS $B$NE,MQJ}K!(B

HTML$B%U%!%$%k$X$N(B style sheet $B$NF3F~$K$O!":#$^$G8+$F$-$?;0$D$NJ}K!$,$"$j$^$9!#(B

  1. $B0?$kFCDj$N(B HTML $BMWAG$N(B style $BB0@-$NB0@-CM$H$7$F%9%?%$%k@k8@$r5-=R!J(B$B%$%s%i%$%s!&%9%?%$%k(B$B!K(B
  2. $B0?$kFCDj$N(B HTML $BJ8=q$N(B head $BMWAGFb$K(B style $BMWAG(B$B$H$7$F5-=R(B
  3. $B30It%9%?%$%k!&%7!<%H(B$B$r(B <link rel="stylesheet" type="text/css" href="URL"> $B$G;2>H(B

$B

  1. $BJ#?t$N(B HTML $BJ8=q$G;H$$$^$o$;$k0lHLE*$J%9%?%$%k$r30It%9%?%$%k%7!<%H$KMQ0U$7$F(B link $BMWAG$GFI$_9~$_!"(B
  2. $BEv3:$N%U%!%$%k$N$_$GMxMQ$9$kFChead $BMWAGFb$K(B style $BMWAG$H$7$F5-=R!#(B
  3. $B99$K!"0?$kFCDj$N!J$?$@0l$D$N!KMWAG$K$@$1F/$+$;$?$$FCJL$J%9%?%$%k$O!"MWAG$N(B style $BB0@-$H$7$F5-=R$7$^$9!#(B

$B$3$N;~!"(B Cascade $B=hM}$NM%@h=g0L$O!"30It%9%?%$%k!&%7!<%H$h$j$b!"(B head $BMWAGFb$N(B style $BMWAGFb$N@k8@$NJ}$,9b$/$J$j!"99$K!"(B style $BMWAG$h$j$b(B style $BB0@-$NJ}$,M%@h=g0L$O9b$/$J$j$^$9!#(B

@import $B5,B'(B

$B%9%?%$%k$,J#;(2=$9$k$H!"$=$N%3%s%]!<%M%s%H2=!JItIJ2=!K$,5-=R!?4IM}$NO+NO$N>e$GM-8z$K$J$j$^$9!#$3$l$O!"J#?t$N30It%9%?%$%k%7!<%H$NAH9~$_$Glink $BMWAG$rMQ$$$FJ#?t$N!V30It%9%?%$%k%7!<%H!W$rMQ$$$F$bNI$$$N$G$9$,!"(BCSS $B$G$b(B @import $B5,B'$rMQ$$$FFI$_9~$a$^$9!#(B

$B$"$i$f$k(B @import $B5,B'$O!"%9%?%$%k%7!<%HFb$NG!2?$J$k%9%?%$%k@k8@$h$j$b@h9T$;$M$P$J$j$^$;$s!#(B

@import "subs.css";
h1 { color: blue }
@import "list.css";

$B$3$N;~!"Fs$DL\$N(B @import $B5,B'$O8DJL$N%9%?%$%k@k8@$h$j$b8e$K5-=R$5$l$F$*$j!"IT@5$G$"$jL5;k$5$l$^$9!#$3$l$O(B style $BMWAG$G$b30It%9%?%$%k%7!<%H$G$bF1MM$G$9!#(B

@import $B5,B'$O(B style $BMWAGFb$^$?$O30It%9%?%$%k%7!<%H$NKAF,$K=q$+$l$J$/$F$O$J$j$^$;$s!#(B

@import $B$H%a%G%#%"%?%$%W(B

$B30It%9%?%$%k%7!<%H$N9`$G!"Ev3:%9%?%$%k%7!<%H$rE,MQ$9$k%a%G%#%"$r;XDj$9$kJ}K!$r>R2p$7$^$7$?!#(B @import $B5,B'$G$b!"FI$_9~$s$@%9%?%$%k%7!<%H$rE,MQ$5$;$k%a%G%#%"$r;XDj$9$k$3$H$,=PMh$^$9!#(B

@import url("loudvoice.css") aural;

$B$3$NNc$G$O!"%9%?%$%k%7!<%H(B loudvoice.css $B$r!"2;@<9g@.5!4o!J%9%T!<%A%7%s%;%5%$%6!

$B>\:Y$O!V(B$B%a%G%#%"(B$B!W$r;2>H$/$@$5$$!#(B

@import $B5,B'$rMxMQ$7$?Nc(B


<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
        "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
  ...$B>JN,(B...
  <link rel=stylesheet type="text/css" href="http://style.com/cool.css">
  <meta http-equiv="content-style-type" content="text/css">
  <style type="text/css">
    <!--
    @import url(http://www.htmlhelp.com/atomic.css);
    h1 { color: blue }
    -->
  </style>
</head>
<body>
  <h1>headline is blue</h1>
  <p style="color: green">while the paragraph is green.</p>
</body>
</html>

<meta http-equiv="Content-Style-Type" content="text/css">$B$O!"$3$NJ8=qFb$GMQ$$$k%9%?%$%k!&%7!<%H$,!"(BCSS$B$G$"$k$3$H$N@k8@!#%$%s%i%$%s!&%9%?%$%k$G(B CSS $B$r;H$&J8=q$K$OI,$:F~$l$F2<$5$$!#(B

@import $B$NM%@h=g0L(B

@import url(URL); $B$O!"30It%9%?%$%k%7!<%H$N;2>H$H1>$&$h$j$b!"%9%?%$%k@k8@$N0lIt$G$9!#%$%s%]!<%H$5$l$?%9%?%$%k%7!<%H$O<+F0E*$KB>$N%9%?%$%k%7!<%H$KAH$_9~$^$l$k$3$H$K$J$j$^$9!#(B $B>e$NNc$N>l9g!"M%@h=g0L$O

cool.css $B!J30It%9%?%$%k%7!<%H!K(B < atomic.css $B!J(B@import $B5,B'!K(B < head $BMWAGFb$N(B style $BMWAG(B < $B3+;O%?%0Cf$G$N(B style $BB0@-(B

$BJ8=q4V$G6&M-$5$l$k30It%9%?%$%k%7!<%H$OFCDjJ8=qFb$N(B style $BMWAG$K>e=q$-$5$l!"J8=qFb$NMWAG4V$K6&M-$5$l$k(B style $BMWAG$OFCDjMWAGFb$N(B style $BB0@-$K>e=q$-$5$l$^$9!#$3$N=g=x$NCf$K!"(B @import $B@

@import $B5,B'$O!"30It%9%?%$%k!&%7!<%H$NCf$K5-=R$7$F9=$$$^$;$s$,!"I,$:%U%!%$%k$NKAF,$KL5$1$l$P$J$j$^$;$s!#%9%?%$%k@k8@$h$j$b8e$m$N9T$K5-=R$9$k$HL5;k$5$l$J$1$l$P$J$j$^$;$s$,!"%V%i%&%6(B (UA) $B$K$h$C$F!"%5%]!<%H$N$P$i$D$-$,$"$j$^$9!#(B

Copyright © 2004 SUGAI, Manabu. All rights reserved.
1998-04-01 published, 2004-06-20 revised.
SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送