[CSS] HTML 문서에 CSS를 적용하는 방법

🔻HTML 문서에 CSS를 적용하는 방법🔻

1. 인라인 스타일 시트, Inline Style Sheet

• 태그안에 스타일 적용
• 장점 : 가독성이 높다.
• 단점 : 재사용이 불가능하다.

<li style="color:blueviolet">Vs Code 설치하기</li>

2. 내부 스타일 시트, Embeded Style Sheet

• <style> 태그내에 서식을 명시한다.
• 문서 내의 여러태그의 서식을 일괄 적용할 수 있다.
• 장점 : 재사용이 가능하다.
• 단점 : 가독성이 낮다.

See the Pen Untitled by ­허수경 | 정보융합전공 | 한양대(서울) (@nscilehk-the-scripter) on CodePen.

 

❗3. 외부 스타일 시트, External Style Sheet❗

• *.css 파일에 서식을 명시한다.
• 여러 HTML 파일에 스타일 적용이 가능하다.
• 장점 : 재사용이 뛰어나다.
• 단점 : 가독성이 가장 낮다.
• <link> 태그를 사용하여 CSS 파일과 HTML 파일을 연결한다.
  • head 태그 내에 아래 코드를 넣어준다.

See the Pen 230923_style by ­허수경 | 정보융합전공 | 한양대(서울) (@nscilehk-the-scripter) on CodePen.