| 頻繁に使うスタイルシート一覧と書き方 |
| --- 書いて試せるホームページ制作講座 --- |
| スタイル一覧 | 書き方 | 前のページに戻る |
設定するタグのstyle要素にstyle="スタイル名:値;"の書式で記述します。
以下の青色の四角い編集枠内は書き換える事が可能で、「ソースを実行」ボタンで書き換えたソースがWebページとして開かれます。ソースを自由に書き直してお試しください。
<HEAD>〜</HEAD>の間に以下の書式で必要なだけ記述します。
<STYLE type="text/css"> <!-- タグ名{スタイル名:値;スタイル名:値;・・・} タグ名{スタイル名:値;スタイル名:値;・・・} タグ名{スタイル名:値;スタイル名:値;・・・} --> </STYLE>
<HEAD>〜</HEAD>の間に以下の書式で必要なだけ記述します。特定の箇所にはclass要素でクラス名を設定します。
<STYLE type="text/css"> <!-- タグ名.クラス名{スタイル名:値;スタイル名:値;・・・} タグ名.クラス名{スタイル名:値;スタイル名:値;・・・} タグ名.クラス名{スタイル名:値;スタイル名:値;・・・} --> </STYLE>
<HEAD>〜</HEAD>の間に以下の書式で必要なだけ記述します。特定の箇所にはclass要素でクラス名を設定します。
<STYLE type="text/css"> <!-- .クラス名{スタイル名:値;スタイル名:値;・・・} .クラス名{スタイル名:値;スタイル名:値;・・・} .クラス名{スタイル名:値;スタイル名:値;・・・} --> </STYLE>
拡張子cssのテキストファイルを作り、以下の書式で必要なだけ記述します。
タグ名.クラス名{スタイル名:値;スタイル名:値;・・・} .クラス名{スタイル名:値;スタイル名:値;・・・} タグ名{スタイル名:値;スタイル名:値;・・・}
制作したcssファイルを各HTMLファイルの<HEAD>〜</HEAD>の間に以下の書式でリンクします。
<LINK rel="stylesheet" href="制作したcssファイル名" type="text/css">
| みやけ工房INDEX │ Home | All Rights Reserved. Copyright (C) 2004- Miyake_kobo. |