レヴェルアップ練習問題

#1　<DIV>の感覚をマスターする

• 枠線を定義した<DIV>をつくってみよう
• ボックスのサイズを定義してみよう
• パディングの定義もプラスしてみよう
• マージンでボックスの位置を定義
• 枠線とパディングとサイズの正確な感覚を
• 確認問題〜<DIV>の感覚

#2　<DIV>にテキストの定義をする

• テキストのカラーとサイズを定義する
• テキストのスタイルを定義する
• テキストの位置を定義する
• テキストの行間を定義してみる
• 確認問題〜テキスト

#3　<DIV>の枠線と背景をマスターする

• 枠線の線種を変更してみよう
• 上下左右の枠線をそれぞれ変更してみよう
• カラーとサイズをいじってオシャレなボックスに
• 背景色と画像を定義してみよう
• 背景画像の繰り返し方を定義しよう
• 背景画像の位置を定義しよう
• 補講〜背景画像を固定する
• 確認問題〜枠線と背景

#4　<DIV>のネスト（入れ子）をマスターする

• <DIV>を１つだけネストする
• ネストした<DIV>の位置を定義する
• ネストした<DIV>同士のタテの間隔を定義する
• 確認問題〜<DIV>のネスト

#5　<DIV>の段組をマスターしよう

• <DIV>ボックスをヨコに２つ段組する
• ヨコに４つの段組にチャレンジ！
• <DIV>ボックスをヨコとタテに段組する
• スタイルシートで市松模様でもつくってみる？
• 段組の中に段組していく