CSS設計マスターへの道！BEM/OOCSS/SMACSSスタイル診断クイズ - プレイ中

1 第1問

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

A blockName__elementName--modifierName

B block-name

C blockName_elementName_modifierName

D .block_name

2 第2問

OOCSSの原則のうち、構造と見た目を分離する原則は何と呼ばれますか？

A Separation of Concerns

B Separation of Structure and Skin

C Don't Repeat Yourself

D Single Responsibility Principle

3 第3問

SMACSSにおけるBase Rulesの役割として最も適切なものはどれですか？

A 特定のコンポーネントのスタイルを定義する

B HTML要素のデフォルトスタイルを定義する

C JavaScriptの動作を定義する

D サイト全体のレイアウトを定義する

4 第4問

BEMにおいて、ElementをBlockから分離するために使用される区切り文字は何ですか？

A -

B __

C _

D --

5 第5問

SMACSSにおけるLayout Rulesの役割として正しいものはどれですか？

A 特定のコンポーネントのスタイルを定義する

B サイトの主要なセクションを定義する

C JavaScriptの動作を定義する

D HTML要素のデフォルトスタイルを定義する

6 第6問

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

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

B BlockまたはElementのバリエーションを定義する

C BlockとElementを関連付ける

D JavaScriptの動作を定義する

7 第7問

SMACSSにおけるState Rulesの役割として最も適切なものはどれですか？

A 要素の動的な状態を定義する

B サイト全体のレイアウトを定義する

C HTML要素のデフォルトスタイルを定義する

D 特定のコンポーネントのスタイルを定義する

8 第8問

BEMの主な目的は何ですか？

A CSSの記述量を最小限に抑える

B CSSの再利用性と保守性を高める

C CSSの実行速度を向上させる

D CSSの可読性を下げる

9 第9問

BEM命名規則において、Block要素の中にBlock自体を含めることは推奨されていますか？

A 常に推奨されている

B 推奨されていない

C 条件によって推奨される

D BEMには関係ない