230201, 230422 CSS 하위 폴더 또는 같은 폴더 경로 지정하기, ..의 의미

230422)
가장 쉽게 생각하는 방법은 css파일을 중심으로 보고 경로를 생각한다.

.mainBg {
	background-image: url("../images/mainBlur3.png"); 
	background-size: cover;
	background-attachment: fixed;
/* 	position: fixed-bottom; */
}

".." (double dot) refers to the parent directory of the current directory.
The image is located in a folder named "images" that is one level up in the directory hierarchy from the location of the CSS file.

---

HTML 문서가 있는 폴더에 css 폴더를 넣는다. (하위폴더)

Linking Style Sheet

HTML 파일과 CSS 파일이 같은 폴더에 있다고 가정했을 때의 코드로, 경로는 적절히 수정해야 한다.

<link rel="stylesheet" href="style.css">

HTML 문서가 있는 폴더에 css 폴더가 있고, 그 안에 style.css 파일이 있다면 다음과 같이 한다. 이 방법의 장점은 여러 HTML 문서에 사용할 수 있다는 것이다. style.css를 적용시키고 싶은 문서에 <link> 태그로 연결만 해주면 된다.

<link rel="stylesheet" href="css/style.css">

---