bodyタグを作成しよう-Dreamweaver

dreamweaver10

スタイルシートは色んなやり方があると思いますのでここでやるやり方だけではないのを理解しておいてください。今回の設定ではまず各マージン、各余白を全て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日

  • このエントリーをはてなブックマークに追加
  • にほんブログ村 IT技術ブログ WordPressへ
  • ameba
  • addthis
  • Clip to Evernote

bodyタグを作成しよう-Dreamweaverの関連記事

コメントを残す

メールアドレスが公開されることはありません。 * が付いている欄は必須項目です


*