- CSS 변수는 CSS preprocessor를 사용하지 않고도 직접 사용할 수 있습니다. 🎉
- CSS 변수는 두 개의 하이픈 (-)으로 시작하는 특징이 있습니다. ➖
- CSS 변수는 일반 CSS 속성과 같은 문법으로 정의할 수 있습니다. 🤓
- CSS 변수를 사용하려면
var()
함수를 사용하여 그 값을 읽어 CSS 속성에 적용해야 합니다. 🧐 - CSS 변수는 부모 요소로부터 자식 요소로 상속됩니다. 🌱
- CSS 변수는 웹사이트에서 색상 및 디자인 일관성을 유지하는 데 유용합니다. 🎨
:root
pseudo class를 사용하면 전체 웹 사이트에서 CSS 변수를 글로벌 변수처럼 사용할 수 있습니다. 🌐