import
@import를 사용하면 절대 및 상대경로를 사용해서 다른 css파일의 내용을 불러올 수 있다. 여러페이지 공통적으로 사용되는 스타일들을 특정 파일로 분리하여 모듈화 가능.
html 코드 보면 sr-only라는 클래스는 별도 link로 css가 연결되지 않았고, 연결한 test.css 파일에서 @import하여 연결된 걸 볼수 있다.
상황에 따라서 sr.only css 파일을 link로 별도 생성해서 연결해도 된다.
css 변수 사용하기
css에서 변수는 원하는 워딩 앞에 -- 붙이고 설정할수 있다.
설정한 변수는 var(워딩) 이런식으로 가능하다.
색 조합 사이트들
해야 되는 일이 하고 싶은 일로