12月15日（水）2コマ目
今日、やったこと
- 幅、高さの設定
- 枠線
- 余白
- ペンギンの演習課題
今日のホワイトボード
各タグが表示されるとき
ほとんどのタグはHTMLファイルに書かれた順に、上から下へ並んで表示されます。
そして、各タグは幅や高さ、余白や枠線の設定ができます。
 |
| 図 タグは縦に順番に並ぶ |
幅、高さの設定
幅の設定項目名はwidth。
高さの設定項目名はheight。
枠線
枠線の種類（線種）、幅、色をスペース区切りで指定します。
また、上だけ下だけのように上下左右それぞれ1か所だけ枠線を指定することもできます。
 |
| 図 枠線の指定 |
余白
枠線の内側（paddinig)と外側（margin）の2種類の余白があります。
 |
| 図 余白の指定 |
演習課題
ペンギンの演習課題のうち、演習１，演習２をやりました。
演習１
<p>タグの余白、背景色の設定です。
style.cssだけ編集します。
演習２
３つの<p>タグそれぞれ別々の背景色を指定します。
 |
| 図 演習２のヒント |
別々に指定するために、<p>タグのidを指定します。
<p id="ID名">
つぎに、各IDの背景色を指定します。
#ID名 {
background : 背景色;
}
次回は
ペンギンの課題のつづきをやります。
