ホーム > CSS > css記述例

css記述例

2009 年 10 月 26 日 iri コメントをどうぞ コメント

CSSをマークアップする際は、特に順序はありませんが、決めてる会社もあるようです。
以下はmozillaのCSS順番

レイアウトに影響あるプロパティ

display
list-style
position
float
clear
width
height
margin
padding
border
background
vertical-align

文字に影響あるプロパティ

color
font
text-decoration
text-align
white-space
other text
content

バックグラウンドの記述例

div#header{
background: #ffcc99 url(../images/header/bg.jpg) repeat-x left top;
}

・値の順番は「color」、「image」、「repeat」、「position」の順番
・positionは「左右」、「上下」の順番

boderプロパティの記述例

div#footer{
border: 1px solid #ffcc00;
}

・値の順序は「width」、「style」、「color」の順番

本文の記述例

p{
margin: 0px 30px 1.5em 30px; */上、左、下、右の順番で1.5emは段落を表示
font-size:91%;  */文字サイズ設定
line-height:200%;  */文字の行間設定
}

カテゴリー: CSS タグ:
  1. コメントはまだありません。
  1. トラックバックはまだありません。