퀴즈 / CSS / 문제

CSS scroll-behavior: smooth의 효과로 올바른 것은?

쉬움 MDN Web Docs
보기 및 정답
A 앵커 링크 이동이나 JavaScript 스크롤 시 부드러운 스크롤 애니메이션이 적용된다
B @supports 규칙은 JavaScript로만 해석되며 순수 CSS로는 동작하지 않는다
C CSS에서 shorthand 속성을 사용하면 명시하지 않은 값은 이전 값이 유지된다
D CSS의 clamp() 함수는 내부에 calc() 표현식을 사용할 수 없다는 제한이 있다

해설

html { scroll-behavior: smooth; }를 설정하면 앵커 링크(#section)로 이동하거나 JavaScript의 scrollIntoView() 등을 호출할 때 즉시 점프하는 대신 부드러운 스크롤 애니메이션이 적용됩니다. 사용자의 prefers-reduced-motion 설정도 존중하는 것이 좋은 관행입니다.

코딩, 제대로 배우고 싶다면?

개념 확인은 퀴즈로, 실력은 실전 프로젝트로.
투더제이 코딩클래스에서 시작하세요.

정규반 살펴보기

관련 문제

CSS place-items 단축 속성이 설정하는 것은?
CSS
CSS 미디어 쿼리(Media Query)의 주된 용도는?
CSS
CSS @property 규칙의 핵심 기능으로 올바른 것은?
CSS
CSS Grid에서 repeat(auto-fill, minmax(200px, 1fr))의 동작으로 올바른 것은?
CSS
CSS에서 @keyframes와 animation 속성을 사용할 때, animation-fill-mode: forwards의 의미는?
CSS
START THE LOOP · CHOOSE

시장과 사람의 답을 봤다면,
다음 결과물의 구조를 고릅니다.

한 번의 결과에 기대지 않고 다시 만들 수 있도록, 문제 발견부터 제작·배포·수익화까지 이어지는 전체 흐름을 익혀보세요.

TTJ CLASS에서 다음 구조 고르기 →
처리 중...