목록산술 연산 (1)

Posis

[SASS/SCSS] 변수, 산술 연산, import(가져오기)

변수는 프로그래밍언어를 한번이라도 공부했다면 어떤것인지 아실겁니다. 간단하게 설명하자면 데이터를 저장해두는 메모리공간을 의미합니다. CSS에서 변수를 전역에서 사용하기 위해서는 :root라는 가상클래스안에서 --를 붙인 변수를 만들어 사용합니다. [예시] /* CSS */ :root { --fontColor: red; } p { color: var(--fontColor); } SCSS에서는 더욱 간단하게 사용할 수 있습니다. 변수명 앞에 $를 붙이고 데이터를 넣어주면 끝입니다. /* CSS */ p { color: red; } SCSS로 작성하고 컴파일하면 변수는 사라지고 color 속성에 변수에 저장한 데이터가 들어가게됩니다. 산술연산 CSS에서도 값을 계산해서 사이즈를 지정할 수 있습니다. calc를..
HTML, CSS/Sass(Scss) 2021. 9. 3. 01:04
이전 Prev 1 Next 다음