CSS 변수와 계산식

1

CSS 변수 (Custom Properties) 이해하기

CSS 변수는 말 그대로 CSS 파일 내에서 재사용할 수 있는 사용자 정의 속성입니다.

2

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

calc() 함수는 CSS 속성 값 내에서 사칙연산(+, -, , /)을 수행하여 동적인 값을 계산할 수 있게 해줍니다.

3

변수 선언 및 사용 방법

변수를 한 번 정의해두면, 이 변수 값을 여러 CSS 속성에서 반복적으로 사용할 수 있으며, 필요할 때 변수 값만 변경하면 해당 변수를 사용하는 모든 곳에 자동으로...

4

변수의 스코프 (Scope)

변수 이름 앞에는 반드시 --를 붙여야 합니다.var(--변수이름): 선언된 변수 값을 가져와 사용합니다.변수의 스코프 (Scope)CSS 변수는 일반적인 CSS 속성처럼...