CSS _λ¬Έλ² + (CSS λ§λ³΄κΈ°
CSS - λ¬Έλ²
- CSSμ λ¬Έλ² νμμ μ νμ, μμ±, μμ±κ°μΌλ‘ μ΄λ£¨μ΄μ Έ μμ΅λλ€.
- μμ±μ μΈλΆ μ€νμΌμνΈ, λ΄λΆ μ€νμΌμνΈ κ·Έλ¦¬κ³ μΈλΌμΈ μ€νμΌλ‘ μμ±μ΄ κ°λ₯ν©λλ€.
γ΄ λ³΄ν΅ μμ μ΄ μ©μ΄νκ³ ν¨μ¨μ μν΄ μΈλΆ μ€νμΌ μνΈμ μμ± ν,
HTML νμΌμ μ°κ²°νλ κ²μ΄ μ’μ΅λλ€.
[ CSS - λ¬Έλ² ]
<style>
μ νμ { μμ±1: μμ±κ°; μμ±2: μμ±κ°; }
</style>
[CSS - <h2>νκ·Έμ μ€νμΌ μ μ©νκΈ° ]
γ΄ <h2>νκ·Έμ μμ±ν κΈμμ μκΉμ λ°κΏλ³ΌκΉμ?
HTMLλ§ μμ± → κΈμμμ λ³ν μμ
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>cssλ¬Έλ²_λ§λ³΄κΈ°</title>
</head>
<body>
<h2>
CSSλ₯Ό μμνμ κ²μ νμν©λλ€.
</h2>
</body>
</html>
CSS stlye μ μ© → κΈμμμ΄ λ³ν¨
(↓↓↓μμ±μ λν΄μλ λμ€μ μμΈν λ°°μΈν λ, "μ€λμ CSS λ¬Έλ²μ νμ"λ§ μμλμλ©΄ λ©λλ€.π€©↓↓↓)
<!DOCTYPE html>
<html lang="ko">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>cssλ¬Έλ²_λ§λ³΄κΈ°</title>
<style>
h2 {
color: red;
}
</style>
</head>
<body>
<h2>
CSSλ₯Ό μμνμ κ²μ νμν©λλ€.
</h2>
</body>
</html>
[ μ€νμ νλ©΄ ]
'π»Coding > π CSS' μΉ΄ν κ³ λ¦¬μ λ€λ₯Έ κΈ
| CSS _μ νμ_κ·Έλ£Ήμ νμ (2) | 2021.09.13 |
|---|---|
| CSS _μ νμ_ν΄λμ€μ νμ (0) | 2021.08.27 |
| CSS _μ νμ_μμ΄λμ νμ (2) | 2021.08.26 |
| CSS _μμ± μμΉμ μ°κ²°λ°©λ² (0) | 2021.08.25 |
| CSS _κΈ°μ΄ : CSSλ? (2) | 2021.08.23 |