-ページ全体にスタイルを適用する-
<html>
<head>
<title>タイトル</title>
<style type="text/css">
<!--
P { font-size: 10pt; }
-->
</style>
</head>
<body>
<P>この文字がサイズ10ptになります。</P>
</body>
</html>

このように、ページ全体に適用する場合は<HEAD></HEAD>の中に、

<style TYPE="text/css">
<!--
セレクタ { 属性 : クラス; }
-->
</style>

と書きます。
これでページ内の指定したセレクタ・クラス全てに適用されます。
-部分的にスタイルを適用する-
この方法は、上の方法でページ全体のスタイルを指定しておいて、
部分的にスタイル指定したい場合に使います。

<P style="font-size:10pt;"></P>

このように、指定したい範囲のタグ内に

style="属性:値;"

と書きます。
これでその範囲内にスタイルが適用されます。

複数の属性を指定したい時は、

style="属性:値;属性:値;属性:値;"

こんな感じに何個も繋げて書きます。
-外部ファイルから読み込む-

この方法は、複数ページに同じスタイルを適用したい場合に使います。

まず、拡張子を「.css」にしたファイルを作り、その中に

body { font-size : 10pt;
color : #000000; }
table { padding : 5px; }
tr,td { color : #ffff00:; }
.small { font-size : 8pt; }

このようにスタイルを指定したいだけ書き込みます。

そして、そのスタイルを適用したいHTMLファイルに

<html>
<head>
<title>適応</title>
<link rel=stylesheet type="text/css" href="style1.css">
</head>
<body>
</body>
</html>

このように、<HEAD></HEAD>の中に、

<link rel=stylesheet type="text/css" href="ファイル名.css">

と書きます。
これで指定したスタイルがファイルを読み込んだ全てのページに適用されます。




▲ページの先頭へ戻る


main_reverse(490 flaot右)

この改行が大事だったりする→
main_box_reverse