CSSレイアウトの書き方

まず、CSSの基本的な書き方を覚えましょう。

タグ名{プロパティ:値}

たとえば、
p {font-size:small;}
というような感じで、Pタグの{フォントサイズを:小さく表示する;}

といった感じで指定のタグにレイアウトをしていきます。

CSSの記述も基本的に小文字で書いていきましょう。

CSSの書き方のルールとしては、プロパティの後は半角コロン:、値の後ろはセミコロン;で閉めること。もちろんプロパティと値は{}で囲います。この半角コロンやセミコロン{}の何かの記述が抜けていると、CSSで指定した装飾やデザインがHTMLに反映されませんので気をつけましょう!

またCSSファイルはメモ帳などのテキストエディタで記入し保存の時は.cssという拡張子で保存しましょう。スタイルシートのファイル名はわかりやすい名前にしておけばOK!たとえば、style.css、layout.cssなど、.cssの拡張子が表示されなくてもわかるような名前にするといいでしょう。

NEXT⇒セレクタの指定方法


スタイルシート(css)Menu

cssスタイルシート入門