CSS를 HTML 문서에 적용하는 세 가지 방법(인라인, 내부, 외부 스타일 시트)을 설명하고 각각의 장단점을 비교해주세요.

CSS를 HTML에 적용하는 방법은 크게 세 가지가 있습니다.

첫째, 인라인 스타일은 HTML 태그 내에 style 속성을 사용하여 직접 스타일을 지정하는 방식입니다. 간단하게 적용할 수 있지만, 재사용성이 떨어지고 유지보수가 어렵다는 단점이 있습니다. 특정 요소에만 적용되므로 CSS 우선순위가 가장 높습니다.

둘째, 내부 스타일 시트는 <style> 태그를 HTML 문서의 <head> 부분에 삽입하여 사용하는 방식입니다. 한 페이지 내에서만 스타일을 적용할 때 유용하지만, 여러 페이지에서 동일한 스타일을 사용하려면 코드를 반복해야 합니다.

셋째, 외부 스타일 시트는 별도의 .css 파일에 스타일을 정의하고, <link> 태그를 사용하여 HTML 문서에 연결하는 방식입니다. 재사용성이 높고 유지보수가 용이하며, 브라우저 캐싱을 통해 성능 향상에도 도움이 됩니다. 여러 페이지에 일관된 스타일을 적용할 때 가장 적합합니다.

각 방법은 장단점이 뚜렷하므로, 프로젝트의 규모와 목적에 따라 적절한 방법을 선택하는 것이 중요합니다.