프론트엔드/html css

절대경로, 상대경로

tero1115 2023. 6. 26. 10:09

절대경로

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

절대경로 사용 예

상대경로

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

상대경로 사용 예

보통의 경우 상대경로를 사용하는것이 좋다.

'프론트엔드 > html css' 카테고리의 다른 글

반응형 웹  (0) 2023.06.27
토스 페이지 그려보기  (0) 2023.06.26
그리드 연습 사이트  (0) 2023.06.26
그리드  (0) 2023.06.26
플렉스  (0) 2023.06.26