css 변수 정의
변수 만들기는 아주 쉽다! 🤭
--font-size 사용할 변수 명 앞에 이렇게 앞에--만 붙이면 된다.
사용법은 var(--font-size)var()안에 넣으면 된다.
모든 요소에서 접근할 수 있도록 최고의 루트인:root{}에서 정의한다.
변수의 활용법은 다양하지만 더 빛을 발휘할 때가 있다.
바로 media 쿼리에서다.
@media screen and (max-width:768px){
// 위에서 만든 root를 여기다 복사 붙여넣기 하여 값을 수정해준다.
}
새로운 것은 늘 짜릿해