よく使う(と思われる)プロパティについて書いていきます。
color:文字色background-color:背景色border-color:枠の色background-image:url("パス")
width:幅height:高さmargin:幅paddingh:幅border-width:枠の太さtext-align:行揃え位置left、right、centerを指定することによって、
左揃え、右揃え、センタリング(中央揃え)ができます。
vertical-align:行揃え位置top、
middle、bottomを指定することによって、
上に揃える、下に揃える、中心に揃える…ができます。
他の値も指定できますが、管理人は使ったことがありません。
font-weight:字の太さfont-size:字の大きさx-small、small、
medium、large、x-large、
xx-largeのような相対的な値か、エムなどの相対的な単位を使った数値で指定するのをオススメします。
x-smallが一番小さく、xx-largeが一番大きくなります。
position:配置方法staticを指定した場合、下で紹介するプロパティは意味がなくなります。
absolutefixedabsoluteと同じ位置で、スクロールさせても動かないよう固定します。relativestatictop:座標bottom:座標left:座標right:座標positionがabsoluteのときは、親要素からの距離、
relativeのときは、先に記述したものから距離になります。
例えば、bodyの中に<div></div>を2組書き、
両方ともrelativeの場合、1つ目のdivは、ページの左上からの距離になり、
2つ目は1つ目からの距離になります。
z-index:順番