[CSS] html과 css 연결하기

html 와 css 파일들을 많이 생성하게 되면 따로 관리하는것이 편하다.

여기서 import하는 방법이 있는데 새로운 상위 파일을 생성한후 css파일들을 html과 연결하는 작업을 한다.

style 상위파일 생성한후

@import "파일명.css";

방식으로 작성한 css파일들은 전부 import 해준다.

그다음, html으로 넘어가 head에서 link rel을 걸어준다.

<link rel="stylesheet" href="../css상위파일명/import관리파일명.css" />

link rel 에서 rel의 속성은 문서와 외부에서 불러올 연결관계를 설정한다.

그러므로 link rel="stylesheet" 은 스타일시트로써 연결을 하겠다는 속성이다.

알아두기

./ -> 해당파일

../ -> 상위로가기