html 파일에서 css 파일을 참조하려면 link 태그를 사용한다.
아래 코드의 <link href= .. 부분
<html>
<head>
<meta charset="utf-8" />
<meta name="viewport" content="width=device-width" />
<title>repl.it</title>
<link href="index.css" rel="stylesheet" type="text/css" />
</head>
<body>
</body>
</html>
항상 툴에서 자동으로 해줘서 각 속성이 어떤 뜻인지 몰랐는데 이번 기회에 정리해보기로 했다.
link tag
link 태그로 사용할 css 파일을 링크해준다.
href 속성
참조할 css 파일 경로를 지정해준다.
type 속성
link 태그로 연결되는 파일이 어떤 것인지 알려준다. css file 을 연결하기 때문에 type은 항상 text/css 이다.
rel 속성
rel 은 html 파일과 css 파일과의 관계를 설명하는 속성이다. css 파일을 링크할 때는 항상 stylesheet 값을 대입한다.