CSS設計マスターへの道！BEM, OOCSS, SMACSS 達人度診断クイズ - プレイ中

1 第1問

BEMにおけるBlockの命名規則として正しいものはどれですか？

A block__element--modifier

B block-name

C block.element.modifier

D block_element_modifier

2 第2問

OOCSSの原則で、構造と見た目を分離するものは次のうちどれですか？

A コンテナとコンテンツの分離

B 構造とスキンの分離

C モジュールとレイアウトの分離

D データと表示の分離

3 第3問

SMACSSにおけるState rulesの目的は何ですか？

A 要素の基本的なスタイルを定義する

B 要素の状態（アクティブ、ホバーなど）を表現する

C レイアウト構造を定義する

D テーマの変更を可能にする

4 第4問

BEMにおいて、Elementは何を表しますか？

A Block全体を修飾するスタイル

B Blockを構成する一部分

C 複数のBlockを組み合わせたもの

D グローバルなスタイル

5 第5問

SMACSSにおけるBase rulesは何を定義しますか？

A 特定のコンポーネントのスタイル

B HTML要素のデフォルトスタイル

C レイアウトに関するスタイル

D 状態変化に関するスタイル

6 第6問

BEMにおけるModifierの役割は何ですか？

A BlockやElementの見た目や振る舞いを変更する

B BlockとElementを関連付ける

C CSSセレクタの優先度を上げる

D JavaScriptのイベントハンドラを定義する

7 第7問

OOCSSにおいて、クラス名にプレフィックスを使用する目的は何ですか？

A CSSファイルのサイズを削減する

B スタイルの適用範囲を明確にする

C JavaScriptとの連携を容易にする

D CSSのコンパイル速度を向上させる

8 第8問

SMACSSにおけるLayout rulesは何を定義しますか？

A サイト全体の主要な構造

B 個々のコンポーネントのスタイル

C JavaScriptによる動的なスタイル

D HTML要素のデフォルトスタイル

9 第9問

BEMの命名規則で、BlockとElementを区切る記号は何ですか？

A .

B _

C __

D -

10 第10問

OOCSS（Object-Oriented CSS）の主な目的は何ですか？

A CSSセレクタの詳細度を下げること。

B 再利用可能なコードの作成と保守を容易にすること。

C CSSアニメーションを効率的に実装すること。

D JavaScriptを使わずにインタラクティブなUIを作成すること。