ウェブエンジニア問題集

CSS基礎・実践 問題集

CSSのレイアウト、セレクタ、アニメーション、レスポンシブデザインに関する問題です。

41 ・ 6 タグ

CSS基礎・実践 ランダムクイズ

問題数を選んでランダムに出題

CSS基礎・実践の問題一覧

すべてalign-itemscenteringcssflexboxjustify-contentlayout

該当件数41

1

CSSの詳細度(specificity)が最も高いのは?

2

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

3

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

4

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

5

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

#css#flexbox#centering#justify-content#align-items#layout
6

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

7

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

8

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

9

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

10

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

11

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

12

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

13

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

14

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

15

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

16

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

17

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

18

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

19

CSSカスタムプロパティ(CSS変数)の正しい構文は?

20

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

21

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

22

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

23

CSSで要素の重なり順を制御するプロパティは?

24

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

25

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

26

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

27

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

28

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

29

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

30

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

31

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

32

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

33

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

34

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

35

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

36

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

37

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

38

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

39

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

40

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

41

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