Home > CSS > 基礎 Archive

基礎 Archive

CSSの構文

  • Posted by: E1
  • 2008年11月 9日 00:09
  • CSS | 基礎

例えば複数人で作業する上で基礎としてまず頭に叩き込んでおきたいのが構文。

Dreamweaverでは勝手に揃えてくれるのだが、まあ、それにあわせて覚えるのがよいでしょう。

例えば

div#contents_{
margin:_auto;
width:_800px;
background-color:_#64F3FF;
background:_#ffffff_url(img/back_side.gif)_no-repeat;
}

のように記載します。

div#contentsがセレクタになりそのあとにスペースが入り「{」を入れ改行します。

marginがプロパティとなり「:」で区切りそのあとにスペースを入れ値(value)を記載して「;」(セミコロン)で改行。

最後に「}」で閉じます。

文章にするとわかりにくいですが上記の規則集合(Rule set)を見て理解しましょう。

アンダーバーはスペースに置き換えて見てください。

Index of all entries

Home > CSS > 基礎 Archive

Movable Type 5.1 Webサイト作成ガイドVolume 1
Search
Feeds

Return to page top