[CSS] 사용자 지정 속성 (CSS 변수) 사용하기
💡 사용자 지정 속성이란? (CSS 변수)CSS 저작자가 정의하는 개체로, 문서 전반적으로 재사용할 임의의 값을 담는다.전용 표기법을 사용해 정의한다. (--main-color: black;)var() 함수를 사용해 접근할 수 있다. (color: var(--main-color);)💡 사용자 지정 속성 왜 쓰나요?첫 번째 이유. 복잡한 웹사이트는 어마어마한 양의 CSS를 가지고 있는데, 종종 많은 값을 반복적으로 사용한다. 사용자 지정 속성을 사용하지 않는다면 여러 곳에 중복된 색상을 변경하기 위해 모든 CSS 파일에서 검색 및 바꾸기를 수행해야 한다.두 번째 이유. 의미를 가지는 식별자를 사용하기 때문에 특히 같은 색을 다른 맥락에서 사용할 때 유용하다. #00ff00 보다는 --main-text-..
🎨 CSS
2025. 1. 12. 16:07
