CSS 변수 (CSS 사용자 정의 속성)

CSS 변수는 예전에는 Sass나, LESS, Stylus와 같은 CSS 전처리기(CSS preprocessor)를 통해서 접할 수 있었던 기능이었습니다. 하지만 최근에는 CSS 스펙 자체에 CSS 변수 개념이 추가되어 이제 CSS 전처리기 없이도 부담없이 CSS 변수를 사용할 수 있게 되었는데요.

이번 영상에서는 CSS 사용자 정의 속성(CSS custom properties)라고도 알려진 CSS 변수(CSS variables)를 어떻게 사용하는지 다양한 실습을 통해서 알아보겠습니다.

• CSS 변수 정의

• CSS 변수 접근

• CSS 변수 기본값

• CSS 변수 상속

• CSS 전역 변수

• 주의 사항

📺 동영상: https://youtu.be/ogvuKmplOcU

📝 포스팅: https://www.daleseo.com/css-variables/

🧑‍💻 실습 코드: https://codepen.io/daleseo/pen/xxqjjwv

CSS의 선택자와 결합자에 대해서는 아래 게시물에서 자세히 다루고 있으니 참고 바랍니다.

📕 CSS 기본 선택자 (selector): https://careerly.co.kr/comments/106255

📗 CSS 결합자(combinator)로 선택자 조합하기: https://careerly.co.kr/comments/107107