CSS基礎クイズ - 基本構文とコメント

問題 1: CSSでコメントを書く正しい方法はどれですか？

// これはコメントです

/* これはコメントです */

# これはコメントです

問題 2: クラスセレクタを使用する正しいCSSはどれですか？

highlight { background-color: yellow; }

#highlight { background-color: yellow; }

.highlight { background-color: yellow; }

*highlight { background-color: yellow; }

問題 3: IDセレクタに関する説明として正しいものはどれですか？

ピリオド（.）で始まり、複数要素に使用する

シャープ（#）で始まり、同じIDを複数要素に使ってよい

シャープ（#）で始まり、ページ内で一意にすべき

記号は不要で、タグ名のように書く

問題 4: 次のうち、タグ名セレクタの例として正しいものを選んでください。

.p { color: red; }

#p { color: red; }

p { color: red; }

*p { color: red; }

問題 5: 子孫セレクタ `.container p` は何に適用されますか？

.container の直下にある p 要素のみ

.container 内のすべての p 要素（子要素・孫要素を含む）

.container クラス自身

すべての p 要素

問題 6: 次のうち、正しいCSSの基本構文はどれですか？

selector: { property = value }

selector { property: value; }

selector ( property: value )

selector { property = value; }

問題 7: 次の記述のうち、CSSの「値」に関する説明として正しいものを全て選んでください。

数値には単位を付けることが多い（例: 16px）

色は名前・16進数・rgbなど複数の指定方法がある

単位は常に px でなければならない

値はプロパティとセットで指定する

問題 8: クラスとIDに関する説明のうち、正しいものを全て選んでください。

クラスは複数の要素に付与できる

IDはページ内で一意であるべき

同じIDを複数要素に付与しても問題ない

IDセレクタは # で始まる

会員限定コンテンツ

ユーザー登録をすると、このクイズの解答を確認できるようになります。

会員登録をするとこんなメリットがあります

解答の確認
クイズの正解・解説を確認

進捗管理
学習履歴を記録・管理

新着通知
新しい教材をお知らせ

完全無料
登録料・月額料金なし

無料会員登録ログイン

登録は1分で完了します