【CSS講座】CSSの書き方

CSSをどうやって書くのか？について覚えておきたいことをまとめます。

「CSS」の数値は「コロン」と「セミコロン」の間に書く

「CSS」の右側の数値は「 :（半角コロン）」と「 ;（半角セミコロン）」の間に書きます。

span { font-size : 50px ; }

上のチッカチカしているやつですね。

こちらのCSSの記述例をごらんください。

h2 { background : pink ; }

h2 { background:pink; }

h2{background:pink;}

「半角スペース」を「 : 」や「 ; 」の前後に入れていますが、見やすいように入れているだけです。

こちらのように「半角スペース」を入れなくても問題ありません。

span{font-size:50px;}

ただし、「全角スペース」は絶対に禁止です!!

h2  {  background  :  pink  ;  }

h2 { background : pink ; }

実は上の2つのうち、1つ目は「半角スペース」を2つ入れているものです。2つ目は「全角スペース」を入れています。

半角スペースなら2つ入れても、3つ入れてもオッケーですが、全角スペースは絶対にダメです!

まったく別の文字として認識されますので、エラーになります。

「ヨスのCSS講座」のトップページはこちらです。