サイト内検索

...スタイルシート(css)...

スタイルシートの使い方(外部ファイル)

<head>〜</head>中に: <link rel="stylesheet" href="../css/smple.css" type="text/css">; と書いておきます。

《規定のアルファベットを指定》

[別ファイル]

p1{font-size: 20px; color: orange;}

[ｈｅａｄの中]

[ｂｏｄｙの中]

<p class="1">サイズは20px・色はオレンジ色です。</p>

[ブラウザ上]

サイズは20px・色はオレンジ色です。

《classを指定・・規定のアルファベットを指定》

[別ファイル]

.p1{font-size: 25px; color: orange;}

[ｈｅａｄの中]

[ｂｏｄｙの中]

<div class="p1">サイズは20px・色はオレンジ色です。</div>

[ブラウザ上]

サイズは20px・色はオレンジ色です。

《classを指定・・規定のアルファベット以外を指定》

[別ファイル]

.sample{font-size: 25px; color: orange;}

[ｈｅａｄの中]

[ｂｏｄｙの中]

<div class="sample">サイズは20px・色はオレンジ色です。</div>

[ブラウザ上]

サイズは20px・色はオレンジ色です。