1. 내부 스타일 시트
HTML 문서 안에서 사용할 스타일을 정리한 것
<head> 태그와 </head> 태그 안에 정의
<style> 태그와 </style> 태그 사이에 작성
▷ 예시
<head>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Page Title</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style>
section {
width: 500px;
padding: 15px;
}
</style>
</head>
2. 외부 스타일 시트
보통 웹사이트는 다수의 HTML 문서가 있음, 일관성 있는 스타일을 적용하기 위해 외부 스타일 시트 사용
.css 파일 작성 (보통 style.css)
<link rel="stylesheet" href="css/style.css">
3. 인라인 스타일
스타일을 적용할 대상에 직접 작성
<p style="color:red"> RED </p>
'FrontEnd' 카테고리의 다른 글
| [CSS] CSS의 7가지 단위 - 링크 (0) | 2022.01.12 |
|---|---|
| [CSS] display 속성 (화면 배치 방법) block, inline (0) | 2022.01.11 |
| [CSS] 스타일 우선순위 (0) | 2022.01.09 |
| [CSS] Margin과 Padding (0) | 2022.01.09 |
| 첫 번째 프로젝트 - 포트폴리오 웹사이트 구현 (0) | 2022.01.09 |
댓글