CSS의 상대 경로: CSS 또는 HTML 파일에 상대적입니까?

CSS의 상대 경로: 무엇을 기준으로 합니까?

CSS에서 상대 경로는 이미지 또는 이미지와 같은 외부 리소스를 참조하는 데 자주 사용됩니다. 다른 CSS 파일. 그러나 일반적인 질문이 발생합니다. 경로는 무엇입니까? CSS 파일 자체에 상대적입니까, 아니면 CSS가 포함된 HTML 파일에 상대적입니까?

질문에 대답

답은 명확합니다. 예, 상대 경로는 CSS 파일은 CSS 파일 자체에 상대적입니다. 이는 CSS 파일이 있는 디렉터리에서 경로가 시작된다는 의미입니다.

예

다음 레이아웃을 고려하세요.

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

내부 styles.css 파일에 다음 CSS 규칙이 있을 수 있습니다.

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

이 예에서 상대 경로 ../images/image.jpg는 styles.css 파일이 있는 디렉터리에서 시작됩니다. , 리소스/CSS입니다. 따라서 경로는 /resources/images/image.jpg에 있는 이미지를 참조합니다.

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