CSS基礎・実践 問題集

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

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

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

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

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

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

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

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

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

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

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

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

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

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

CSS論理プロパティの利点は？

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

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

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

CSS論理プロパティの利点は？

CSSでプロパティの変化をスムーズにアニメーション化するプロパティは？

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

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

CSSのrem単位とem単位の違いは？

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

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

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

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

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

Flexboxで主軸方向の配置を制御するプロパティは？

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）」を使用する主な目的として、最も適切なものはどれですか？