ヨスのCSS講座

【CSS講座】CSSの書き方

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

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

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

span { font-size : 50px ; }

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

半角スペースはあってもなくてもOK

こちらの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講座」トップページへ

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

CSS講座のトップにもどる

CSSの基本はこちらです

CSSの基本についてはこちらの記事にまとめています。