Quiz · CSS
CSS 퀴즈
선택자, 박스모델, Flexbox, Grid 등 웹 스타일링 핵심 개념
CSS 퀴즈에 도전하세요
총 135개 문제 중 10개가 랜덤으로 출제됩니다
수록된 문제 (20개)
CSS에서 text-decoration-thickness 속성의 역할은?
보통
CSS에서 color-scheme: light dark 속성을 :root에 설정하면 어떤 효과가 있나요?
보통
CSS에서 clamp(최소값, 이상값, 최대값) 함수의 동작 원리는?
쉬움
CSS에서 :has() 선택자(관계 선택자)의 기능으로 올바른 것은?
보통
CSS에서 position: sticky 요소가 고정되지 않는 흔한 원인으로 올바른 것은?
어려움
CSS prefers-reduced-motion 미디어 쿼리의 역할은?
보통
CSS Grid에서 grid-template-rows: subgrid를 자식 그리드에 설정하면 어떤 효과가 있나요?
어려움
CSS touch-action: manipulation 속성을 모바일 요소에 적용하면 달라지는 것으로 올바른 것은?
어려움
CSS aspect-ratio: 16 / 9 속성을 요소에 적용하면 어떤 효과가 있나요?
쉬움
CSS backdrop-filter: blur(10px) 속성의 효과로 올바른 것은?
쉬움
CSS text-decoration-skip-ink 속성의 기본 동작으로 올바른 것은?
보통
CSS column-count와 column-gap 속성으로 만들 수 있는 레이아웃은?
쉬움
CSS clip-path 속성이 border-radius와 다른 핵심 차이점은?
보통
CSS font-variation-settings 속성의 용도는?
어려움
CSS hyphens 속성에서 auto 값의 효과로 올바른 것은?
쉬움
CSS @property 규칙의 핵심 기능으로 올바른 것은?
어려움
CSS Nesting(중첩) 문법에서 & 기호의 역할은?
쉬움
CSS 변수(Custom Properties)를 var() 함수로 사용할 때, 두 번째 인자의 역할은?
쉬움
CSS field-sizing: content 속성을 <textarea>에 적용하면 어떤 효과가 있나요?
어려움
CSS oklch() 색상 함수의 특징으로 올바른 것은?
어려움