CSS를 HTML에 적용시키는 법

 

* CSS를 HTML에 적용시키는 법

• Inline Style Sheet (인라인 스타일)
  HTML안에 직접 style 속성의 CSS 코드를 넣는 방법입니다.
  HTML과 섞여서 많아질수록 헷갈릴 수 있으니 주의 요망.
• Internal Style Sheet (내부 스타일)
  HTML 문서에서 ~ 안에 안에 태그를 사용하여 스타일 페이지와 연결합니다.

tip! 가장 많이 쓰이는건 Linking Style Sheet이다. Internal Style Sheet, Inline Style Sheet은 특정 문서에만 적용.

* Inline Style Sheet

'<style> {color: blue;} </style>'

* Internal Style Sheet

'<style> h1 {color: blue;} </style>' HTML 문서 안의 여러 요소를 한번에 꾸밀 수 있다. 하지만 다른 HTML 문서에는 적용할 수 없다는 단점이 있다.

* Linking Style Sheet

head안에 '<style> h1 {color: red;} </style>' 적용을 원하는 HTML 문서에 다음의 코드를 추가한다. '<link rel="stylesheet" href="style.css">'