CSS 파일의 상대 경로는 CSS 또는 HTML 파일을 기준으로 합니까?

CSS 파일의 경로 참조: CSS 또는 HTML을 기준으로 합니까?

CSS 파일을 활용하여 HTML 문서 스타일을 지정할 때 CSS 파일 위치와 참조된 위치 간의 관계 paths.

질문:

CSS 파일 내의 이미지나 자산에 대한 상대 경로를 지정할 때 경로가 CSS 파일 자체를 참조합니까, 아니면 HTML 파일을 참조합니까? CSS를 포함합니까?

답변:

예, CSS 파일의 상대 경로는 CSS 파일 위치에 상대적입니다.

설명:

CSS에서는 상대 경로를 사용하여 리소스(예: 이미지, 글꼴)은 CSS 파일의 디렉토리 구조를 기반으로 합니다. 이러한 경로의 참조 지점은 CSS 파일 자체입니다.

예를 들어 다음 레이아웃을 고려하세요.

• 페이지: page.htm(위치 관련 없음)
• CSS: /resources/css/styles.css
• 이미지: /resources/images/image.jpg

CSS 파일에서 이미지의 상대 경로는 다음과 같습니다.

이 예에서 경로는 '../ Images/image.jpg'는 'styles.css' 디렉터리(CSS 파일의 위치)에서 시작하여 한 디렉터리 수준('../'으로 표시됨) 위로 이동하여 'image.jpg' 파일이 있는 'images' 디렉토리.

이 경로 참조는 CSS를 포함하는 HTML 파일의 위치에 관계없이 항상 CSS 파일을 기준으로 리소스가 위치하도록 보장합니다.

위 내용은 CSS 파일의 상대 경로는 CSS 또는 HTML 파일을 기준으로 합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!