절대 경로

특징

• 열려 있는 프로젝트 폴더를 기준으로 탐색
• (/)는 대상이 되는 위치의 하위를 뜻함
• 맨 왼쪽에는 (/)를 사용함
• 경로가 깔끔하다
• 프로젝트 폴더가 바뀌면 다시 경로를 세팅해야 한다

<link rel="stylesheet" href="/0624/one/one.css">
<link rel="stylesheet" href="/0624/one/two/three/three.css">
<link rel="stylesheet" href="/0624/first/second/second.css">
<link rel="stylesheet" href="/0624/first/second/third/fourth/fourth.css">

상대 경로

특징

• 현재 파일을 기준으로 경로를 탐색
• (.)은 현재 위치
• (..)은 상위 폴더
• (/)는 대상이 되는 위치의 하위를 뜻함
• 맨 왼쪽에(.)또는 (..)사용
• 경로가 복잡해진다
  -기준이 되는 현재 파일의 위치가 변경되면 다시 경로를 세팅해야 한다

<link rel="stylesheet" href="./one/one.css/">
<link rel="stylesheet" href="./one/two/three/three.css">
<link rel="stylesheet" href="./first/second/second.css">
<link rel="stylesheet" href="./first/second/third/fourth/fourth.css">