CSS基礎・実践 問題集

CSSで要素をスクロールしても固定位置に表示するposition値は？

position: stickyの動作として正しいのは？

「z-index: 100;」を指定したのに要素が前面に出ません。一番に疑うべき原因はどれ？

display: noneとvisibility: hiddenの違いは？

CSSでリンクにホバーした時のスタイルを指定する擬似クラスは？

CSSで要素の前にコンテンツを挿入する擬似要素は？

CSSで:hover時に背景色を0.3秒かけて滑らかに変化させたい場合、どの指定が適切ですか。

CSSのFlexboxで、フレックスアイテムを主軸（main axis）方向に配置・整列するために使うプロパティはどれですか？

Flexboxでアイテムの並び方向を変更するプロパティは？

Flexboxでアイテムの伸長割合を指定するプロパティは？

FlexboxやGridで要素間の余白を設定するプロパティは？

CSS Gridで3列のレイアウトを定義するプロパティは？

CSS Gridで名前付きエリアを使ってレイアウトを定義するプロパティはどれですか？

CSS Gridで利用可能なスペースに応じて自動的に列数を調整する方法は？

FlexboxやGridで要素間の余白を設定するプロパティは？

CSSのFlexboxで子要素を水平方向・垂直方向ともに完全に中央揃えにする記述として正しいものはどれか？

CSS Gridで名前付きエリアを使ってレイアウトを定義するプロパティはどれですか？

CSSの論理プロパティ（margin-inline-start など）を使う主な利点として正しいものはどれですか？

CSS Gridで利用可能なスペースに応じて自動的に列数を調整する方法は？

CSSメディアクエリでスマートフォン向けのスタイルを記述する正しい構文は？

CSSでフォントサイズを指定するとき、rem単位とem単位はそれぞれ何を基準に計算されますか？

CSSのclamp()関数の正しい使い方は？

CSSで:hover時に背景色を0.3秒かけて滑らかに変化させたい場合、どの指定が適切ですか。

CSSでキーフレームアニメーションを定義する正しい構文は？

CSSで要素を回転・拡大・移動させるプロパティは？

CSSでフォントサイズを指定するとき、rem単位とem単位はそれぞれ何を基準に計算されますか？

CSSで透明度を含む色を指定する現在推奨される関数は？

text-overflow: ellipsis; を正しく機能させるために、一般的に必要とされるプロパティの組み合わせはどれか？

CSSの詳細度（specificity）が最も高いのは？

CSSボックスモデルの構成要素として正しい順序（内側から外側）は？

box-sizing: border-boxを指定した場合の動作は？

CSSでリストの奇数番目の要素にスタイルを適用するセレクタは？

CSSで直接の子要素のみを選択するセレクタは？

CSSで特定の属性を持つ要素を選択するセレクタの構文は？

CSSカスタムプロパティ（CSS変数）の正しい構文は？

CSSで要素のコンテンツがはみ出した時の処理を指定するプロパティは？

CSSで画像のアスペクト比を保持しながらコンテナにフィットさせるプロパティは？

CSSで要素のアスペクト比を指定するプロパティは？

CSSで要素の背後にぼかし効果を適用するプロパティは？

CSSコンテナクエリの主な利点は？

CSSのwill-changeプロパティの目的は？

CSSでスクロール時にスナップ効果を実装するプロパティは？

CSSの:has()セレクタの用途は？

CSSの:is()と:where()の違いは？

CSSネイティブネスティングの正しい構文は？

Web開発において、CSSクラスの「sr-only（またはvisually-hidden）」を使用する主な目的として、最も適切なものはどれですか？