CSSって何だ その１

アメブロでデザインの変更をする時には、CSSを変更しなければなりません。CSSって何ですか？ここであきらめてしまうのは、もったいないので説明します。

CSSとはスタイルシートといってホームページやブログの形を作るための言語です。

ホームページの枠の大きさや、枠から文字までの位置関係や文字の大きさ、色、フォントなどなど細かく決めることが出来ます。

アメブロのCSSは、

ブログを書く-デザインの変更-スキンCSSの変更

で出てくるこういう文字の羅列です。

/*　*/　で囲まれた文字は分かりやすくするためですので関係ないです。それ以外の文字を見ます。

例えば

/*１）ブログタイトルの文字サイズを変更する*/
#header h1{
font-size: 2.0em; /*-- 25px相当の文字サイズ --*/
}

こちらがヘッダーのタイトル文字のサイズを変更する言葉です。余分な文字を取り除くと

#header h1{
font-size: 2.0em;
}

となります。最初の#はidにのみ対応するという意味です。XHTMLの中の

<div id="header">

<h1>

ここにタイトルが入ります。

</h1>

</div>

この部分に対応します。文字の大きさを2.0emにしなさいという意味になります。

次はその下のブログタイトルの文字色の変更から説明します。