DreamWeaverCS3（ドリームウィーバーCS3）サイト制作

CSSによるウェブサイトのデザインに欠かせないのがボックスによるレイアウトです。 テーブルレイアウトに慣れている方には最初慣れないかもしれません。 ボックスによるレイアウトは簡単にいうと四角を並べたり、四角の中に四角を入れたりしてデザインする方法です。 普通に四角を２つ作ると上下に２つ並べられますが、CSSによって横並びにする事が可能です。 しかし、独特のクセがあるので結構考えないと、予想外の状態になる事があります。

ボックスはボックスの中身、パディング、ボーダー、マージン、背景領域で四角い箱を調整します。
まず、「中身」はボックスの中に入れてあるテキストや画像です。
「パディング」は「中身」から「ボーダー」の間の領域です。
「ボーダー」はボックスの枠の領域です。
「マージン」はボックスの外側から別のボックスまでの距離（他のボックスがない場合はブラウザの隅までの距離）になります。
背景領域はボックスの背景部分です。背景に色を付けたり、画像を背景にする事が出来ます。 通常の画像配置と違って、背景なので画像をバックにテキストを表示したりとかなり自由度の高いデザインが可能になります。