728x90
λ°μν
CSS _μ νμ_ν΄λμ€μ νμ
CSSμ λ¬Έλ² νμμ μ νμ, μμ±, μμ±κ°μΌλ‘ μ΄λ£¨μ΄μ Έ μμ΅λλ€.
↓↓↓
[ CSS - λ¬Έλ² ]
<style>
μ νμ { μμ±1: μμ±κ°; μμ±2: μμ±κ°; }
</style>
κ·Έλμ CSSμμλ μ€νμΌμ μ μ©ν λμμ μ ννκΈ° μν΄μ μ νμλ₯Ό μ¬μ©ν©λλ€.
βΆ ν΄λμ€(class) μ νμ
γ΄ κ°μ ν΄λμ€ μ΄λ¦μ μ¬λ¬ μμκ° κ°μ§ μ μμ.
γ΄ νκ·Έ μ μΈμ :class= "box1"
γ΄ CSS μ νμ :.box1{ μμ± : μμ±κ°; }
<p>νκ·Έμ selector λΌλ ν΄λμ€ μ΄λ¦μ μ£Όκ³ <style>~</style>λ‘ κΈμ μκΉμ λ³κ²½ν΄λ³Όκ»μ~!
[ html - 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 class μ νμ</title>
<style>
.selector { color: red;}
</style>
</head>
<body>
<p class="selector">CSS ν΄λμ€ μ νμ</p>
</body>
</html>
[ μ€ν νλ©΄μ λ³ν ]
728x90
λ°μν
'π»Coding > π CSS' μΉ΄ν κ³ λ¦¬μ λ€λ₯Έ κΈ
| CSS _hover (0) | 2021.10.26 |
|---|---|
| CSS _μ νμ_κ·Έλ£Ήμ νμ (2) | 2021.09.13 |
| CSS _μ νμ_μμ΄λμ νμ (2) | 2021.08.26 |
| CSS _μμ± μμΉμ μ°κ²°λ°©λ² (0) | 2021.08.25 |
| css _λ¬Έλ² + (css λ§λ³΄κΈ°) (2) | 2021.08.23 |