[HTML] 18. HTML 스타일

18. HTML 스타일

- HTML 4.0의 모든 정형화는 HTML 문서로 바꿀 수 있고, 스타일 시트를 분리할 수 있다.


18.1 스타일은 어떻게 사용하나?

- 브라우저가 스타일 시트를 읽을 때, 그것에 따르는 문서를 정형화 시킨다. 스타일 시트를 추가하는 3가지 방법이 있다:

* External Style Sheet(외부 스타일 시트)

- 외부 스타일 시트는 다수 페이지들에 적용하기에 이상적인 방법이다. 더불어, 외부 스타일 시트는 하나의 파일을 바꿈으로써 웹 사이트 전체를 바꿀 수 있는 효과가 있다. 각각의 페이지는 <link>태그를 사용하여 연결되어 있어야 한다. <link>태그는 헤드 섹션 내부에 들어간다.


* Internal Style Sheet(내부 스타일 시트)

- 내부 스타일 시트는 유일한 스타일을 갖는 단일 문서에서 사용되는 스타일 시트이다. 내부 스타일 시트는 헤드 섹션내에 <style> 태그로 정의된다.

* Inline Styles

- 하나의 요소에 적용시키는 유일한 스타일은 인라인 스타일을 사용해야 한다.

- 인라인 스타일을 사용하는 것은, 관련이 있는 태그내에서 스타일 속성을 사용할 때이다. 스타일 속성은 어떤 CSS 속성이 포함된다. 다음 예시는 색과 단락의 왼쪽여백을 바꾸는 것이다.



18.2 Style Tags