CSS（スタイルシート）カスタマイズ ヘッダー
ヘッダーカテゴリーでは、見出し（ｈ1）の設定、タイトル文字（ｈ2）、タイトル文字色、タイトル文字表示位置
タイトル文字説明文表示位置、タイトル画像、タイトル画像表示領域、などについて説明しています。
ヘッダーエントリー一覧
- タイトル文字
- h2 { font-size: 30px; margin: 0px; padding: 0px; line-height: 36px;ヘッダー文字の基礎設定font-size: 30px;⇒タイトルフォントの大きさmargin: 0px;⇒隙間の幅padding: 0px;上からの隙間の幅line-height: 36px;文字が入る領域（フォントより大きく）
- タイトル文字色
- h2 a { color: #666666; text-decoration: none;}ヘッダー文字の基礎設定color: #666666;⇒任意の色設定text-decoration: none;⇒文字に装飾（下線など）しない
- タイトル画像
- #header { background-image: url(../img/header3.jpg); background-repeat: no-repeat; background-position: left;}ヘッダー画像の設定background-image: url(../img/header3.jpg);⇒imgフォルダから任意の画像を呼び出し#header { height: 300px;}ヘッダー画像の表示縦領域
- 見出し（ｈ1）
- h1 { font-size: 11px; line-height: 25px; text-indent: 10px; font-weight: normal; margin-top: 15px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px;}font-size: 11px;⇒見出しのフォントサイズline-height: 25px;⇒見出しの文字表示領域margin-top: 15px;⇒上の余白margin-right: 0...
- タイトル文字表示位置
- #header h2 { width: 450px; position: relative; left: 500px; top: 50px;}width: 450px;⇒タイトル文字表示領域left: 500px;⇒左余白top: 50px;⇒上余白
- タイトル文字説明文表示位置
- #header #headertext { width: 450px; margin-right: 20px; position: relative; left: 550px; top: 100px; font-size: 12px;width: 450px;⇒説明文表示領域margin-right: 20px;⇒右余白left: 550px;⇒説明文開始位置 左余白top: 100px;⇒上余白font-size: 12px;⇒文字サイズ
- タイトル画像
- #header { background-image: url(../img/header3.jpg); background-repeat: no-repeat; background-position: left;background-image: url(../img/header3.jpg);⇒フォルダimgからヘッダー画像（サイズ指定済み）呼び出しbackground-repeat: no-repeat;⇒背景の繰り返しはしないbackground-position: left;⇒背景...
- タイトル画像表示領域
- #header { height: 300px;}height: 300px;⇒Y幅300まで表示（Xは指定した画像サイズ）
