CSS設計クイズ - プレイ中

1 第1問

BEM（Block, Element, Modifier）において、Blockの子孫要素を表すElementの命名規則として正しいものはどれですか？

A block-element

B block__element

C block--element

D block_element

2 第2問

OOCSS（Object-Oriented CSS）の主要な原則として正しい組み合わせはどれですか？

A 構造とスキンを分離する、状態とテーマを分離する

B 構造とスキンを分離する、コンテナとコンテンツを分離する

C ブロックと要素を分離する、モジュールとレイアウトを分離する

D ベースとレイアウトを分離する、モジュールと状態を分離する

3 第3問

SMACSS（Scalable and Modular Architecture for CSS）の5つのカテゴリのうち、HTML要素のデフォルトスタイルを定義する役割を持つものはどれですか？

A Layout

B Module

C Base

D State

4 第4問

BEMにおいて、BlockやElementの状態やバリエーションを表すModifierの命名規則として正しいものはどれですか？

A block-modifier

B block__modifier

C block--modifier

D block_modifier

5 第5問

OOCSS（Object-Oriented CSS）の概念を広め、その普及に大きく貢献した人物は誰ですか？

A Harry Roberts

B Jonathan Snook

C Nicole Sullivan

D Brad Frost

6 第6問

SMACSSのカテゴリのうち、再利用可能な独立したUIコンポーネントのスタイルを定義する役割を持つものはどれですか？

A Base

B Layout

C Module

D Theme

7 第7問

BEMを採用する主な利点として、最も適切でないものはどれですか？

A CSSのセレクタの特異度を低く保ちやすい

B コンポーネントの再利用性が高まる

C JavaScriptとの連携が容易になる

D CSSのスコープが明確になり、予期せぬ影響を避けやすい

8 第8問

SMACSS（Scalable and Modular Architecture for CSS）の提唱者として知られる人物は誰ですか？

A Nicole Sullivan

B Harry Roberts

C Jonathan Snook

D Jeremy Keith

9 第9問

OOCSSの概念において、「メディアオブジェクト（Media Object）」が典型的に示すものは何ですか？

A レスポンシブデザインのためのCSSフレームワーク

B 画像とそれに付随するテキストが隣接して配置されるUIパターン

C 動画や音声などのメディアコンテンツのスタイル

D 特定のデバイスに最適化されたスタイルシート

10 第10問

SMACSSのカテゴリのうち、要素が特定の状態にあるときのスタイル（例: `is-active`, `is-hidden`）を定義する役割を持つものはどれですか？

A Layout

B Module

C Theme

D State