10月23日(水)2コマ目

今日、やったこと

フォントを変える

今日のホワイトボード

フォントを変える

フォントの色やサイズ、その他見た目を変えました。

以下の手順で変更しました。

①変更範囲を指定

<span></span>で変更範囲を指定。

②style属性で見た目の設定

<span>タグにstyle属性でデザインを設定。

デザインの設定は　style="プロパティ名：設定値；"　。

文字を赤色で表示

赤色で表示する範囲を<span></span>で指定。

文字色のプロパティは　color。

図　文字を赤色で表示

文字サイズを変更

文字サイズのプロパティは　font-size。

図　文字サイズを変更(20pt)

文字の色・サイズをまとめて変更

style=""は　；　区切りで複数設定可能。

図　文字の色・サイズをまとめて設定

<span></span>のなかに<span></span>

<span></span>を入れ子(マトリョーシカ状態)にすることもできます。

入れ子にした場合、一番内側の<span></span>がペアになります。

次に、その外側の<span></span>がペアに・・となります。

図　<span></span>を入れ子に

次回は

今日の練習問題の続きをやってもらいます。