スタイルシートは色んなやり方があると思いますのでここでやるやり方だけではないのを理解しておいてください。今回の設定ではまず各マージン、各余白を全て0pxに設定、imgのボーダーを0pxに設定、リンクスタイルの設定、などをまとめて事前に設定しておきます。まずはbodyの作成をします。htmlファイルはデザインにして適当な箇所で右クリックし(cssスタイル)-(新規)を選びます。
(セレクタータイプ)-(タグ)を選び(セレクター名)のリストの中から(body)を選び(ルール定義)-(style.css)を選んで最後にOkを押します。
それではbodyの各作成をしていきます
タイプ
Font-family・・・ホームページの文字の種類を選んでください。
Font-size・・・文字の大きさです。サンプルでは90%で設定してみます。
Line-height・・・行間隔です。サンプルでは1.5にします。
ボックス
Padding(余白)・・・余白は全て0pxにしておきます。
Margin(マージン)・・・マージンは上下を0px、左右はautoにしておきます。
最後に適用-OKを押せばスタイルが反映されstyle.cssファイルにもタグが書き込まれています。それでは次にメインになるタグの余白、マージンなどをいっきに設定していきます。
最終更新日: 2012年12月7日