ＣＳＳ・スタイルシートの基礎を学ぼう！1

こんばんは、たけしです。

初心者ブロガーのためのＣＳＳの基礎について書いて行こうと思います。

無料ブログでもワードプレスなんかでもそうですが、ＣＳＳ（スタイルシート）ってのがあります。

これはWebサイトのHTMLに対しての装飾という風に考えて下さい。
文字の色を変えたり、文字を大きくしたり、背景色を変えたり、文字を中央寄せしたり…
要は見た目ですね。
サイトに対してＣＳＳを使ってデコレーションをしてやるってわけです。

最初はわけわかんないと思いますが、出来る様になったら超面白いです^^

基礎は意外と簡単なんで、ブログ初心者は興味を持っていただけたらと思いますー。

基本となるＣＳＳのタグは

で囲まれるタグです。

の間をＣＳＳでスタイルを指定する事が出来ます。
とりあえず具体的な例を挙げてみましょうかね。

ＨＴＭＬ（記事内でもＯＫ）に

を挿入。

ＣＳＳに

.abc { font-size: 12px;}

を挿入。

これは
divで囲んだ「にくでん」って文字の大きさを12pxにしますよー
って、ＣＳＳで指定してるわけです。

文字の大きさを20pxにしたい場合は12pxを20pxに帰ればＯＫ。
すると「にくでん」って文字が大きくなります。

基本はこれだけ、簡単でしょ？

div class=”abc”　とＨＴＭＬを書いたんで
ＣＳＳでそこを指定する際は
.abc　って書きます。

ここは任意の文字でＯＫです。
div class=”niku”　って書いたら
ＣＳＳでは
.niku って書いて指定すればＯＫ。

では明日は、文字を大きくする以外の事をやってみましょう。