CSSとは
HTML講座で勉強してきた、<table>タグや<font>
タグ等を使って、ホームページの見た目を工夫、デザインすることが出来ます。
でも元々HTMLはホームページの文章を書く事が目的の言語です、この言語のみでホームページのデザインをするにはタグが複雑になり限界があります。
そこでデザイン面を担当する言語としてCSS(スタイルシート)が誕生しました。
CSSで出来る事
CSSは文字の『色』『大きさ』や画像を貼付けたり、文字や画像の貼付ける場所を決めたりと文章を書く以外の事が出来ます。
みんなが見ているこの『ホームページ制作講座』もCSSでデザインされています。
CSSの便利な所はいろいろあります。上級者になれば、春夏秋冬でホームページのデザインを変更したい場合は、
春用の桜色のデザイン、夏用の青のデザインとそれぞれCSSを作っておけば、かんたんに変更することができます。
全てHTMLで作られたホームページではかなり大変です。
そんな便利なCSSをこれからしっかり覚えていきましょう。
CSSの書き方
それではCSSの書き方を見ていきましょう。
<p>タグに囲まれた文字などに色を指定するときは<p><font color="red">〜</font></p>と<font>タグを使わなくてはいけませんでしたが、
CSSでは<font>タグは使わず<p>タグに直接書くことができます。
CSSで文字を赤くする。
見慣れない『記号 : (コロン) ; (セミコロン) 』と新しい言葉『style』が出てきました。
まずスタイルを使うということを style=" 〜 : ※ ;"で書きます。
それから『〜』の部分に文字に色を付けるための命令『プロパティ』のcolorを書き
『 : (コロン)』で区切ります。
文字の色を指定する『値（色の名前だったり、数字だったりします。）』を書きます。
ここでは文字の色を赤くしたいので『red』と書き
『 ; (セミコロン)』を書きます。
<p>〜</p>に囲まれた文字を青くしてみましょう。
色の指定（値）を変えればいろんな色に変更することができます。