CSS를 html 문서에서 사용하는 방법이다. 😃😃
HTML문서에 CSS를 사용하는 방법은 3가지가 있다.
- 외부 스타일 시트(External Style Sheet)
- 내부 스타일 시트(Internal Style Sheet)
- HTML 태그 내에 스타일 지정(Inline Styles)
css라는 확장자를 가진 스타일 시트 파일을 만들고 이 파일을 HTML 문서에 연결하여 사용하는 방법이다. 헤더에 link
로 css 파일을 연결한다.
<head>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>
HTML문서내에서 <head>
와 </head>
사이에 스타일을 정의하는 방법이다.
<head>
<style type="text/css">
body {font-size:9pt;}
</style>
</head>
스타일을 적용하고 싶은 HTML 태그 안에서 정의하는 방법이다.
<p style="color:white;">이 문단의 색상은 흰색으로 지정된다.</p>