[HTML/CSS] html에 CSS 적용하는 법

html 문서에 CSS 스타일을 적용하는 방법이 여러 개 있다.

1. 인라인 스타일(inline style) : style 속성(attribute)

<[태그_이름] style="[CSS-선언]..."> ...

style 속성은 p, div, h1 등의 다양한 태그에 속성으로 사용할 수 있다. CSS 선언이 무엇인지는 이쪽을 참고하라.

• 속성이 하나일 경우 세미콜론(;)을 생략해도 된다.

예시

<h1 style="color: green; font-weight: 300"> Hello </h1>
<p style="background-color: silver">
  안녕하세요
</p>

2. 내부 스타일 시트(internal style sheet) : style 요소(element)

<style>
  [CSS 코드]
</style>

style 요소 안에 CSS 코드를 작성하면 알맞게 적용된다.

2. 외부 스타일 시트(external style sheet) CSS 파일 연결

<link rel="stylesheet" href="[CSS 파일 경로/주소]">

href에 CSS 파일 경로/주소를 적어주면 CSS 파일에 연결되어 그 파일의 CSS 스타일이 html 문서에 적용된다.