css 변수란? 사용자 지정 변수로 CSS의 속성을 미리 정의해놓고, 여러 곳에서 사용할 수 있는 변수를 의미합니다. 웹사이트에서는 보통 많은 양의 CSS를 가지고 있습니다. color나 size 등의 많은 값이 반복적으로 사용이 됩니다. 이때, CSS변수를 사용해주면 반복되는 코드를 줄일 수 있습니다. 기본 문법 변수는 두개의 붙임표, (--)와 함께 사용 변수는 대소문자 구분, --my-bg-color와 --My-bg-color는 서로 다른 속성으로 처리 지정 element 해당 element에만 css 변수값을 적용할 거라면, 위와 같은 방법으로 사용해주시면 됩니다. element { --main-bg-color: red; } html 문서 전체 HTML 문서 전체에서 사용하려면 :root의 가상선..