css3の勉強に入る前に、今回はcssの基本文法をおさらいしておきます。
css(スタイルシート)の利点は、何といってもサイトのデザインを一発で変更出来るところです。
htmlファイルには一切触れずに、cssファイルを修正するだけでガラッとデザインを変えられるんです。まるで、ワードプレスのテーマを着替えるみたいに。なんて素晴らしい☆〃
まずは基本をマスターして、新しい効果をどんどん取り入れていきたいものですね!
cssの基本文法
《例》
「見出しh3は、フォントの色は#666で、フォントのサイズは16ピクセルです。」をcssで記述すると…
h3 {
color:#666;
font-size:16px;
}
と、なります。
まず、デザインを加えたい対象のセレクタを一番前に記述します。この例の場合、セレクタはh3です。
{ }の中に、○○○:○○○;(プロパティ:値;)で、デザインを加えていきます。
○○○:○○○; のセットは続けて記述出来ます。
セレクタ { ○○○は: ○○○です; }
文法についてはこれだけです。簡単ですね。
cssのプロパティは山ほどあります。
どのプロパティがどんな効果を出すのかについては、これからcss3を使って色々と実験しながら、使えそうなものはどんどんご紹介していこうと思います。
“cssの基本文法をおさらい” の続きを読む