처리중입니다. 잠시만 기다려주세요.
TTJ 코딩클래스
정규반 단과 자료실 테크 뉴스 코딩 퀴즈
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() 색상 함수의 특징으로 올바른 것은? 어려움