728x90
반응형
CSS 사용 방법
HTML문서에 CSS를 사용하는 방법은 3가지가 있다.
- 외부 스타일 시트(External Style Sheet)
- 내부 스타일 시트(Internal Style Sheet)
- HTML 태그 내에 스타일 지정(Inline Styles)
1. 외부 스타일 시트(External Style Sheet)
css라는 확장자를 가진 스타일 시트 파일을 만들고 이 파일을 HTML 문서에 연결하여 사용하는 방법이다. 헤더에 link로 css 파일을 연결한다.
<head>
<link rel="stylesheet" type="text/css" href="stylesheet.css">
</head>2. 내부 스타일 시트(Internal Style Sheet)
HTML문서내에서 <head>와 </head>사이에 스타일을 정의하는 방법이다.
<head>
<style type="text/css">
body {font-size:9pt;}
</style>
</head>3. HTML 태그 내에 스타일 지정(Inline Styles)
스타일을 적용하고 싶은 HTML 태그 안에서 정의하는 방법이다.
<p style="color:white;">이 문단의 색상은 흰색으로 지정된다.</p>728x90
반응형
'Frontend > HTML & CSS' 카테고리의 다른 글
| [TIL] float로 수평 정렬 (0) | 2022.05.12 |
|---|---|
| [TIL] CSS 폰트와 구글 웹폰트 (0) | 2022.05.12 |
| [TIL] 01. CSS Basic Attributes (0) | 2022.05.12 |
| [TIL] HTML 한글이 깨질 때 (0) | 2022.05.12 |
| [TIL] 01. HTML basic tags (0) | 2022.05.12 |