#5. CSS에서 색깔을 변수로 사용하는 방법

# 이번 장에서는 CSS에서 색깔을 변수로 사용하는 방법에 대해 알아보도록 하겠습니다.
# CSS를 작성하는데 색깔이 많은 부분에서 사용됩니다. 색의 변경이 필요할 때 하나하나 바꾸는 것이 아닌
# 같은 성질을 가진 색끼리 변수로 묶어서 변경할 수 있습니다.

# 비전공자가 이해한 CSS

 

---

CSS :: 색을 변수로 사용하는 방법

 

---

 

1) 기본 문법

변수명은 앞에 "--"를 붙여주고 뒤에 이름을 붙여줍니다.
적용하고 싶은 부분에 "var()" 함수를 놓고 안에 변수명을 입력해줍니다.

 

---

 

2) 사용 예시

변경 전

변경 후 **AXCE Coding도 <a> 태그를 사용했기 때문에 같이 변경되었습니다.

 

---

 

# CSS reference: https://developer.mozilla.org/en-US/docs/Web/CSS/Reference
# CSS reference: https://www.w3schools.com/cssref/
# CSS 작성 연습 사이트: Jsbin.com