この、ヘッダー部分に影響を与えているのがCSS編集画面の中、
DIV.HEADER { FONT : BOLD small/100% Courier New,TAHOMA; TEXT-ALIGN:LEFT;line-height:130%}
DIV.HEADER A:LINK { COLOR: #000; TEXT-DECORATION: NONE; }
DIV.HEADER A:VISITED { COLOR: #000; TEXT-DECORATION: NONE; }
DIV.HEADER A:HOVER { COLOR: #888; TEXT-DECORATION: NONE; }
の、部分です。HTMLのヘッダー部分をのぞいてみると、<div class="HEADER">というのが見つかります。これがイワユル”旗”です。このHTMLにかかれているHEADERという旗の部分へ、上記のCSSが指示を与えているのですね。
ここで、上記のCSSを説明します。
DIV.HEADER{ FONT : BOLD small/100% Courier New,TAHOMA; TEXT-ALIGN:LEFT;line-height:130%}
▲HEADERの囲み部分{フォント:太字 小さいを100% 書体 文字左寄せ:文字列の縦幅130%で。}
DIV.HEADER A:LINK { COLOR: #000; TEXT-DECORATION: NONE; }
▲ヘッダーのリンクの文字色{色:黒;テキストの飾り:無し}
DIV.HEADER A:VISITED { COLOR: #000; TEXT-DECORATION: NONE; }
▲ヘッダーのリンクをクリックした後{色:黒; テキストの飾り:無し}
DIV.HEADER A:HOVER { COLOR: #888; TEXT-DECORATION: NONE; }
▲ヘッダーリンクにマウスを重ねたとき{色:グレー;テキストの飾り:無し}
こんな感じです(何か間違ってたら教えてください)
ということは、ヘッダーの文字のリンク色や文字サイズを変えるときはここを変えると良いのですね。
【文字の大きさ】
私の場合は文字の大きさは小さくしているのでsmallとかいていますが、
もっと小さく→x-small
もっともっとちいさく→xx-small
普通→medium
大きく→large
もっと大きく→x-large
もっともっと大きく→xx-large
です。
【文字色】
カラーについては、たーーーくさんあります。本屋さんでは色見本も出ていますが、今回は色見本を出しているサイトを紹介します。カラーの表現にもいろいろで、redとかいて表現もできるし#ffffff とかくこともできます(#fffffは白です)
色見本のサイト
▲ここ、すごーい色見本の量!!!すばらしい。
【文字デコレーション】
text-decoration:none; 飾り無し
text-decoration:underline; 下線を引く
text-decoration:line-through; 抹消線を引く
text-decoration:overline; 上線を引く
※ブラウザによってうまく表示されないこともあります
【ボーダーの種類】
solid 実線
dotted 点線(私、これすき!)
double 二重線
groove 立体的に窪んだ線
ridge 立体的に突起した線
inset 線で囲まれた中が沈んで見える線
outset 線で囲まれた中が浮き上がって見える線
ここで書いたものはほんの一部です。また、後々それぞれについて掲載したいと思います。CSSをもっと知りたいときはyahoo googleで、
【CSS 文字 飾り】などとキーワードを入れて調べてみるのもよいですよ!!