サイト内検索
...スタイルシート(css)...
スタイルシートの使い方(外部ファイル)
別ファイルに(.css)書く方法
- <head>〜</head>中に
- <link rel="stylesheet" href="../css/smple.css" type="text/css">
- と書いておきます。
《規定のアルファベットを指定》
[別ファイル]
p1{font-size: 20px; color: orange;}[headの中]
<link rel="stylesheet" href="../css/sample.css" type="text/css">[bodyの中]
<p class="1">サイズは20px・色はオレンジ色です。</p>[ブラウザ上]
サイズは20px・色はオレンジ色です。
《classを指定・・規定のアルファベットを指定》
[別ファイル]
.p1{font-size: 25px; color: orange;}[headの中]
<link rel="stylesheet" href="../css/sample.css" type="text/css">[bodyの中]
<div class="p1">サイズは20px・色はオレンジ色です。</div>[ブラウザ上]
サイズは20px・色はオレンジ色です。
《classを指定・・規定のアルファベット以外を指定》
[別ファイル]
.sample{font-size: 25px; color: orange;}[headの中]
<link rel="stylesheet" href="../css/sample.css" type="text/css">[bodyの中]
<div class="sample">サイズは20px・色はオレンジ色です。</div>[ブラウザ上]
サイズは20px・色はオレンジ色です。