stylesheet

Stylesheet

스타일 시트

HTML 요소들이 어떻게 보이는지 정의하는 언어
웹 사이트를 꾸미는 데에 사용한다

스타일 시트에는 3가지 종류가 있다.

1. 인라인 시트

태그 안에 style="" 를 사용하여 스타일을 적용하는 방식
가장 범위가 좁다.

스타일을 보다 세부적으로 설정할 수는 있지만, HTML 파일의 사이즈가 커져 로딩 시간이 길어진다.

2. 내부 스타일

HTML 문서 헤더의

3. 외부 스타일

별도의 CSS 파일을 만들어서 그곳에서 스타일을 적용하고, 링크를 통해 이를 적용시킨다
범위를 가장 넓게 사용할 수 있다

예시

내 경우엔 resources 폴더 안에 CSS폴더가 따로 위치해있어 그에 맞게 경로를 설정해줬다.
여러개의 페이지에 똑같은 디자인을 적용시키는 데에 매우 효율적이었다.
웹 사이트를 만들다보면 통일감 있는 디자인이 중요한데, 이 방식을 이용하면 통일감을 줄 뿐 아니라
디자인을 변경하고 싶을 때에도 (링크가 적용되어있는) 모든 페이지에 일괄 수정이 가능해진다.