html 파일에 css 폴더 적용하기

html 파일을 생성 후 파일 내에 css 를 적용하면 파일이 너무 방대?해져서 싫다..,,

css 폴더를 따로 만들어서 해당 html 파일 내에 따로 css 파일만 적용시켜주려고 한다.

 

이렇게 폴더를 만들어 놓고, main.html 에 main.css 파일을 적용시켜보자

 

head 내에 link 태그를 이용해서 적용할 css 파일을 넣어주자

 <link href="../css/main.css" rel="stylesheet">

 

img 태그의 클래스 이름으로 main.css 파일에 스타일을 만들어준다.

 

그럼 css 가 적용된 채로 나타내게 된다.