基礎 Archive
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)を見て理解しましょう。
アンダーバーはスペースに置き換えて見てください。
- Comments: 0
- TrackBacks: 0