<<PREV(P)   TOP(T)   NEXT(N)>>   contents (C)

8. CSS $B$N4pK\%k!<%k(B

Contents

  1. CSS$B$N4pK\=q<0(B
  2. $B%9%?%$%k$N7Q>5(B
  3. Cascade$B=hM}(B

CSS$B$N4pK\=q<0(B

$B!Z4pK\=q<0![(B

selector {property:value value; property:value}

$B%;%l%/%?(B$B$G!"$3$3$G@k8@$7$F$$$k%9%?%$%k$rE,MQ$9$kBP>]$r;XDj$7$^$9!#Nc$($P!"(BHTML$B$GMQ0U$5$l$F$$$kMWAG$OA4$F%;%l%/%?$K$J$jF@$^$9!#(B$B%W%m%Q%F%#(B$B$O!"(BCSS$B$GM=$aDj5A$5$l$F$*$j!"(BCSS$B$N=,F@$H$O!"$3$l$r3P$($k$3$H$r0UL#$7$^$9!#(B

property:value $B$G0l$^$H$^$j$G!"$3$l$r(B$B@k8@(B$B$H8F$S$^$9!#(B 'property' $B$K$OB6!9l9g$,$"$j$^$9!#(B

CSS$B$G$O!"%W%m%Q%F%#$NL>A0$,F|>o8@8l$GDj5A$5$l$F$$$^$9!#Nc$($P!"GX7J?'$O(B 'background-color' $B$H$+!"9T$N9b$5$O(B 'line-height' $B$H$+!#$=$NE@!"Hs>o$K3P$($d$9$/$J$C$F$$$^$9!#(B

$B!Z6qBNNc![(B

<head>
...$B>JN,(B...
<meta http-equiv="content-style-type" content="text/css">
<style type="text/css">
<!--
body {background-color:#ddf; color:navy }
p {line-height:1.5em }
-->
</style>
</head>

$B0l9TL\$O!"%;%l%/%?$,(Bbody$BMWAG$G!"GX7J?'$r(B #ddf (#ddddff)$B!"A07J?'$r(B navy $B$K@_Dj$7$F:_$j$^$9!#(B

$BFs9TL\$O!"%;%l%/%?$,(BP$BMWAG$G!"9T$N9b$5$r(B 1.5em $B!J(B1.5$BJ8;zJ,!K$K@_Dj$7$F:_$j$^$9!#(B

$B%9%?%$%k$N7Q>5(B

CSS$B$N%W%m%Q%F%#!<$H$=$NCM$O?FMWAG$+$i;RMWAG$K7Q>5$5$l$^$9!#(B

$BNc$($P!"J8;z$N?'$J$IA07J?'$rI=$9(B'color'$B%W%m%Q%F%#$r8+$F$_$^$7$g$&!#(B

body {color:#ccc }

$B$3$l$@$1$,@k8@$5$l$F$$$l$P!"(Bbody$BMWAG$N;RMWAG$OA4$FA07J?'$,(B #ccc $B$H$7$FI=<($5$l$^$9!#?FMWAG$NCM$r;RMWAG$,7Q>5$7$F$$$k$o$1$G$9!#(B

$B$^$?!";RMWAG$N%W%m%Q%F%#$NCM$r;;=P$9$k$KEv$j!"?FMWAG$NCM$r4p$K$9$k>l9g$bM-$j$^$9!#(B

body {font-size: 12px }
h1 {font-size: 1.3em }
P {font-size: 0.9em }

$B>e$NNc$G$O!"(Bbody$BMWAG$N%U%)%s%H$NBg$-$5$r(B 12px $B$G;XDj$7$F$$$^$9!#(B

body$BMWAGFb$N(Bh1$BMWAG$N%U%)%s%H$NBg$-$5$O(B 1.8em = 1.8$B!_(B12px = 15.6px $B$K$J$j$^$9!#(B body$BMWAGFb$N(BP$BMWAG$N%U%)%s%H$NBg$-$5$O(B 0.8em = 0.9$B!_(B12px = 10.8px $B$K$J$j$^$9!#(B

$B!ZI=<(Nc![(B

h1$BMWAG(B

$B$3$3$O(Bbody$BMWAG$N;RMWAG$G$"$k(BP$BMWAG(B

$B$3$N$h$&$K!"?FMWAG$NCM$O;RMWAG$K7Q>5$5$l$^$9!#(B

body$BMWAG$N(B 'font-size' $B$r@dBPC10L$G;XDj$9$k$H!"%V%i%&%6$GI8=`%U%)%s%H$NBg$-$5$,JQ99$G$-$J$/$J$j$^$9!#J8=q1\Mw

$B;d$OKX$IA4$F$N(B$BD9$5(B$B;XDj$r!"AjBPC10L$N!V(B em $BC10L!J%/%o%?!K!W$G9T$C$F$$$^$9!#(B

3. Cascade$B=hM}(B

$B0l$D$N(BHTML$B%U%!%$%k$KF3F~$5$l$kJ#?t$N(B StyleSheets $B4V$G!"L7=b$9$k5-=R$r$7$F$7$^$C$?>l9g$O!"0lHV:G8e$K%V%i%&%6$KFI$_9~$^$l$kFbMF$,:NMQ$5$l$^$9!#J#?t$N%9%?%$%k!&%7!<%H$rMxMQ$9$k>l9g!"$3$N$h$&$J6%9g$,I,$:5/$3$j$^$9!#$3$N$H$-!"$I$N%9%?%$%k!&%7!<%H$N5-=R$,:NMQ$5$l$k$+$N=gHV$O!"%V%i%&%6!J0lHL$K$O(Buser agent; UA$B!K$,%9%?%$%k!&%7!<%H$rFI$_9~$`=gHV$G7hDj$5$l$^$9!#(B

$B0?$k0l$D$N%9%?%$%k%7!<%H$NCf$G$b!"2<$N9T$[$I%+%9%1!<%I=g0L$O>e$,$j$^$9!#(B

a:link {text-decoration: underline; color: maroon }
a:hover {text-decoration: none; color: navy }
a:visited {text-decoration: underline; color: #cc9 }

$B$3$3$G$O!"5-=R$N=gHV$+$i!"K,Ld:Q$_$N%O%$%Q!a:visited $B$NJ}$,!"%+!<%=%k$N%[%P!<>uBV$K$"$k%O%$%Q!a:hover $B$h$j$b!"%+%9%1!<%I=g0L$,9b$/$J$C$F$$$^$9!#L$K,Ld$N%O%$%Q!a:link $B$N>e$K%+!<%=%k$,>h$k$H!"(Ba:hover {text-decoration: none; color: #cc9;} $B$,%^%C%A$7$^$9$,!"4{K,$N%O%$%Q!

$B$3$N!VLdBj!W$O!"(Ba:hover $B$K%^%C%A$9$k@k8@$NJ}$,(B a:visited $B$K%^%C%A$9$k@k8@$h$j$b@h$K5-=R$7$F$$$k0Y$K5/$3$k$3$H$G$9$+$i!"2r7h$9$k$K$O!"$3$l$rF~$l$+$($l$PNI$$Lu$G$9!#(B

a:link {text-decoration: underline; color: maroon }
a:visited {text-decoration: underline; color: navy }
a:hover {text-decoration: none; color: #cc9 }

$BJ#?t$N%9%?%$%k$G6%9g$,5/$3$C$?$H$-$N=hM}$N=gHV!"M%@h=g0L$O$b$&>/$7J#;($G$9!#(B

$B$^$?!" 

body {color:#ccc ! important; line-height: 1.7em}

<<PREV(P)   TOP(T)   NEXT(N)>>   contents (C)

SEO [PR] 爆速!無料ブログ 無料ホームページ開設 無料ライブ放送