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

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

CSS 파일을 활용하여 HTML 문서 스타일을 지정할 때 CSS 파일 위치와 참조 경로 사이의 관계.

질문:

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

답변:

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

설명:

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

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

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

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

div { background-image: url('../images/image.jpg'); }

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

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

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