chevron_left

HTML・CSS応用 ～BEMを使ったCSSの命名規則～
PREMIUM
第2回

第2回 ～BEMの実習・class名の付け方～

2022年9月6日 35min
第2回 ～BEMの実習・class名の付け方～ play_arrow おためし受講

スライド資料

会員登録して、全てのスライドを見よう

1 / 12

授業の概要

第2回は、BEMの実践としてclass名の付け方を学習していきます。

B（Block）E（Element）M（Modifier）の例をご覧いただき、どのようにclass名を付ければよいのかがイメージできるようになります。

こんな人にオススメ

HTMLCSS基礎を修了した方、Webサイトを共同で制作している方

授業のポイント

  • done

    BEMの分類

  • done

    Class名の付け方

  • done

    複数の英単語の命名規則

担当の先生／パーソナリティ

授業で使用する教材

※授業以外での使用は禁止します

チャプター

play_arrow
BEMの分類
01:38
play_arrow
classの付け方
08:04
play_arrow
Element名のつけ方に迷ったら
07:27
play_arrow
ナビゲーションの制作
08:04
play_arrow
複数の英単語の命名規則
04:33
play_arrow
先生の自己紹介とお知らせ
play_arrow
HTMLのテンプレートを挿入
03:10
play_arrow
BEMを用いたclass名の命名法
06:21
play_arrow
ナビゲーションの制作
09:22
play_arrow
classの名称にアンダースコアを2回使う理由