CSS에 대한 기본 URL 지정
긴 CSS 파일을 분할해야했습니다. 더 작은 CSS 파일을 styles디렉토리에 넣었습니다 .
이제 ../표기법으로 한 단계 위로 올라 가기 위해 URL을 업데이트해야합니다 .
어쨌든 HTML의 기본 태그를 사용하지만 CSS를 사용하여 자산을로드 할 기본 URL을 지정하는 방법이 있습니까?
아니, 없습니다. 경로에서 뒤로 이동할 필요가 없도록 CSS 이미지를 최소한 CSS 파일과 동일한 수준에 배치하는 것이 좋습니다. 예 : /cssCSS 파일 /css/images용 폴더 및 CSS 이미지 용 폴더. 그런 다음 url('images/name.ext')CSS 이미지에 일관되게 사용할 수 있습니다. 이렇게 /css하면 이미지 URL을 조작하지 않고도 거의 모든 곳에 루트 폴더를 배치 할 수 있습니다 .
불가능 해 보이는 CSS에서 기본 디렉토리를 설정하는 또 다른 방법은 <base>태그로 HTML 문서의 기본 디렉토리를 설정하는 것 입니다. 이 태그는 커뮤니티에서 잘 알려지지 않았지만 웹에서 멋진 튜토리얼을 찾았습니다.
https://webdesign.tutsplus.com/articles/quick-tip-set-relative-urls-with-the-base-tag--cms-21399
완전히 좋은 해결책 인 것 같습니다.
또는 body 태그에 클래스를 동적으로 추가하고 선택기에서이를 사용하여 파일이 제공되는 디렉토리에 따라 CSS URL을 재정의 할 수 있습니다.
참조 URL : https://stackoverflow.com/questions/3812375/specifying-base-url-for-css
'programing' 카테고리의 다른 글
| SIFT 알고리즘을 사용하여 두 이미지가 얼마나 유사한 지 계산하는 방법은 무엇입니까? (0) | 2021.01.16 |
|---|---|
| Haskell의 화살표 이해 (0) | 2021.01.16 |
| 내 시스템에 너무 많은 Python 버전이있어 문제를 일으킴 (0) | 2021.01.16 |
| 암시 적 클래스는 항상 AnyVal을 확장해야합니까? (0) | 2021.01.16 |
| C ++ switch 문 식 평가 보장 (0) | 2021.01.16 |