CSS 변수와 계산식

1

CSS 변수 (Custom Properties) 이해하기

CSS 변수는 --name 값으로 여러 선택자에서 재사용됩니다.

2

CSS 계산식 (calc()) 이해하기

calc() 함수는 CSS 속성 값 안에서 고정 단위와 비율 단위를 함께 계산합니다.

3

변수 선언 및 사용 방법

변수 값을 한 번 바꾸면 연결된 스타일이 함께 갱신됩니다.

4

변수의 스코프 (Scope)

변수는 --로 선언하고 var(--이름)으로 꺼내 씁니다. 선언 위치가 적용 범위와 상속을 결정합니다.