Backup
css 변수
두라미
2024. 1. 8. 19:31
https://developer.mozilla.org/ko/docs/Web/CSS/Using_CSS_custom_properties
사용자 지정 CSS 속성 사용하기 (변수) - CSS: Cascading Style Sheets | MDN
사용자 지정 속성(CSS 변수, 종속 변수)은 CSS 저작자가 정의하는 개체로, 문서 전반적으로 재사용할 임의의 값을 담습니다. 사용자 지정 속성은 전용 표기법을 사용해 정의하고, (--main-color: black;)
developer.mozilla.org
사용자 지정 속성 css변수, 종속 변수
- 대소문자 구별함
:root {
--main-bg-color: brown;
}
장점
- #00ff00보다는 --main-text-color가 이해하기 쉽다
- 전역적으로 사용할만한 값을 root의사클래스에 선언
단점
- 예상되는 바로는 root쪽에 범용적이지 않은 변수를 많이 선언한다면 (잘못사용한다면) 좋지 못할 것 같다. (단점은 아니고 굳이 나눠봄)