e:I[50313,["1345","static/chunks/1345-9cce9003361149c3.js","1252","static/chunks/1252-ebd18985bba615a5.js","6457","static/chunks/app/post/%5Bid%5D/page-f10e08b3d78367ee.js"],"default"] f:T797,$$config title: [CSS] StyleSheet란 (인라인 스타일, 내부 스타일 시트, 외부 스타일 시트) keywords: - IT - ... $$ # StyleSheet란 HTML 문서에 CSS 스타일을 적용할 때에는 다음과 같은 3가지 방법 사용 가능 1. 인라인 스타일 (Inline style) 2. 내부 스타일 시트 (Internal style sheet) 3. 외부 스타일 시트 (External style sheet) # 1. Inline style - HTML 요소 내부에 style 속성을 사용해 CSS 스타일을 적용하는 방법 - 인라인 스타일은 해당 요소에만 스타일 적용 가능 주의 - 이 방식은 한 번 설정된 스타일을 변경하기가 매우 어려우며, 스타일 시트를 사용하는 많은 이점을 잃게 됨 - 따라서 이 방식은 될 수 있으면 꼭 필요한 경우에만 사용 예제 ```html

인라인 스타일을 이용하여 스타일을 적용하였습니다.

``` # 2. Internal style sheet - HTML 문서 내의 ``태그에 ` ``` # 3. External style sheet - 웹 사이트 전체의 스타일을 하나의 파일에서 변경할 수 있도록 해줌 - 외부에 작성된 이러한 스타일 시트 파일은 .css 확장자를 사용하여 저장됨 - 스타일을 적용할 웹 페이지의 ``태그에 ``태그를 사용하여 외부 스타일 시트를 포함해야만 스타일이 적용됨 예제 ```html

게시글 상세