CSS 변수 완전 가이드
Scrimba Articles
편집자 요약
CSS 변수는 이름이 두 개의 하이픈으로 시작하는 custom property이며, var() 함수로 값을 읽습니다. 이 값은 일반 CSS 속성이므로 계단식 규칙과 상속을 따르며, Sass 변수와 다른 핵심 차이입니다. 변수명은 대소문자를 구분하고, 값은 실제로 사용될 때 해석됩니다. :root에 선언하면 전역 값처럼 쓰이지만, 더 좁은 선택자에 다시 선언해 범위를 제한할 수도 있습니다.
인사이트
CSS 변수의 상속과 스코프를 이해하면 테마나 반응형 값 관리가 쉬워집니다. :root와 특정 선택자에 같은 변수를 선언해 실제로 어떻게 값이 바뀌는지 실습해 보아야 합니다.
함께 배우면 좋은 강의
이 소식과 이어지는 코드프렌즈 강의입니다. 설치 없이 브라우저에서 바로 실습할 수 있어요.
댓글
댓글을 불러오는 중…