FE/인터렉티브 웹

HTML에 CSS 연결하기

이제하네 2023. 9. 20. 21:13

HTML 파일에 외부 CSS파일 연결하기

  1. 에디터에서 외부 CSS 파일 입력하기
    1. <head>태그 안에 어디든 link:css입력

  1. CSS 파일 경로 수정하기
    1. my-project 폴더안에 css폴더 생성
    2. 거기안에 style.css파일 생성
    3. href 속성을 css/style.css 로 변경 

css/style.css 라는 의미는 css폴더 에 있는 style.css를 가르킨다.

  1. CSS 파일의 문자 인코딩 방식 지정
    1. style.css파일 1행에 @charset "utf-8"; 입력

@charset "utf-8"; 코드는 웹 문서에서 한글을 지원한다는 인코딩 방식