✅ 1. 인라인 스타일 (inline style)
- 태그 안에 style 속성으로 직접 작성하는 방법
- 간단하지만, 유지보수 힘듦 → 권장 X
<p style="color:red; font-size:20px;">안녕하세요</p>
✅ 2. 내부 스타일 (internal style)
- <head> 안에 <style> 태그로 작성
- 한 문서 안에서만 적용됨
<head>
<style>
p {
color: blue;
font-size: 18px;
}
</style>
</head>
<body>
<p>안녕하세요</p>
</body>
✅ 3. 외부 스타일 (external style)
- .css 파일을 따로 만들어 <link>로 불러오기
- 가장 권장되는 방법 (재사용·관리 용이)
<head>
<link rel="stylesheet" href="style.css">
</head>
<!-- style.css -->
p {
color: green;
font-size: 16px;
}
'기초 및 언어 > ▶ HTML & CSS' 카테고리의 다른 글
| 3. CSS_글자와 관련된 속성 알아보기 (0) | 2025.09.06 |
|---|---|
| 2. CSS_선택자 (0) | 2025.09.06 |
| 6. HTML_form 태그 (0) | 2025.09.05 |
| 5. HTML_table (1) | 2025.09.05 |
| 4. HTML_iframe (0) | 2025.09.05 |