HTMLタグをspanでグループ化
インライン要素を「グループ化」するにはHTMLタグ<span>を使います。下記により<span>による「グループ化」の練習を行いました。
- lesson5.htmlのコードで「<strong>膀胱結石</strong>」部分をclass名を「word」にしたspan要素で括る。
・・・・<strong>膀胱結石</strong>・・・・
↓
・・・・<span class=“word”><strong>膀胱結石</strong></span>・・・・
- スタイルビューの「新しいスタイル」をクリックする。
- セレクター欄に「.word」と入力する。
- カテゴリー「背景」でbackground-colorを#fcc3c3に設定する。
- カテゴリー「ボックス」でpaddingを2pxに設定し、適用 OKをクリックする。