:root1 [CSS] 자주 사용하는 스타일 (border, color 등) 변수로 만들어서 사용하기 CSS를 사용하다보면 자주 사용하게 되는 스타일(메인 컬러, border 스타일 등) 이 존재하는데, 이렇게 반복되는 스타일을 변수로 처리하게 되면 여러가지 이점이 있다. 그 중에서도 내가 생각하는 가장 좋은 점은 아래 두 가지 ! 1. 같은 코드를 반복해서 입력하지 않아도 된다. 즉 코드 작성이 편해진다. 2. 추후 메인 컬러나 스타일이 변경되더라도 변수만 변경하면 되기 때문에 유지보수가 편해진다. 변수 생성하기 변수를 생성하기 위해서는 :root 선택자를 사용하고, 속성을 --변수명:변수내용; 과 같이 입력한다. 작성한 내용은 CSS 파일 (html에 직접 CSS를 작성하는 경우에는 style 태그 내) 최상단에 넣으면 된다. 변수 사용하기 변수를 사용하는 방법은 아주 간단하다. var(변수명) 으로.. 2022. 3. 10. 이전 1 다음 반응형
