Notice
Recent Posts
Recent Comments
Link
μΌ | μ | ν | μ | λͺ© | κΈ | ν |
---|---|---|---|---|---|---|
1 | 2 | 3 | 4 | 5 | ||
6 | 7 | 8 | 9 | 10 | 11 | 12 |
13 | 14 | 15 | 16 | 17 | 18 | 19 |
20 | 21 | 22 | 23 | 24 | 25 | 26 |
27 | 28 | 29 | 30 | 31 |
Tags
- WEB
- κ³ μ°¨ν¨μ
- jsx
- git
- fetch api
- μ»΄ν¨ν° 곡ν
- Effect Hook
- css
- Cmarket
- λ²λ€λ§
- λ²μ§ λͺ¨ν
- React
- props drilling
- μ μ΄μ½₯ λμ¨
- JavaScript
- BFSμ DFS
- μ맨ν±μμ
- html
- prototype
- Lifting state
- css animation
- wai-aria
- νΌν° λͺ¨λΉμ λ²μ§ λͺ¨ν
- State
- Study
- μ€ν μ΄μΈ μ½λ
- ν μ€νΈ μμ
- νλ‘κ·Έλλ¨Έμ€
- νΌν° λͺ¨λΉ
- μ€ν μ΄μΈ μ½λ42κΈ°
Archives
- Today
- Total
roqkf
[CSS] Selector λ³Έλ¬Έ
κΈ°λ³Έ μ λ ν°
1. μ 체 μ
λ ν°
- λ¬Έμμ λͺ¨λ μμλ₯Ό μ ν
- * {}
2. νκ·Έ μ
λ ν°
- κ°μ νκ·Έλͺ
μ κ°μ§ λͺ¨λ μμλ₯Ό μ ν(볡μλ‘λ μ ν κ°λ₯)
- h1 {}, div {}, section, h1 {}
3. ID μ
λ ν°
- #id
4. class μ
λ ν°
- κ°μ classλ₯Ό κ°μ§ λͺ¨λ μμ μ ν
- .center
5. attribute μ
λ ν°
- κ°μ μμ±μ κ°μ§ μμλ₯Ό μ ν
6. μμ μ
λ ν°
- 첫 λ²μ§Έλ‘ μ
λ ₯ν μμμ λ°λ‘ μλ μμμΈ μμ
- main > p {}
- <main>
<p>(μ ν)
<span>
<p></p>(μ ν μ λ¨)
</span>
</p>
<p>(μ ν)
<span>
<p></p>(μ ν μ λ¨)
</span>
</p>
</main>
7. νμ μ
λ ν°
- 첫 λ²μ§Έλ‘ μ
λ ₯ν μμμ νμκΉμ§ μ ν
- main p {}
- <main>
<p>(μ ν)
<span>
<p></p>(μ ν)
</span>
</p>
<p>(μ ν)
<span>
<p></p>(μ ν)
</span>
</p>
</main>
8. νμ μ
λ ν°
- κ°μ λΆλͺ¨ μμλ₯Ό 곡μ νλ©΄μ 첫 λ²μ§Έ μ
λ ₯ν μμ λ€μ μ€λ λ λ²μ§Έ μ
λ ₯ν μμλ₯Ό λͺ¨λ μ ν
- section ~ p {}
- <main>
<section></section>
<p></p>(μ ν)
<p></p>(μ ν)
<p></p>(μ ν)
</main>
9. μΈμ νμ μ
λ ν°
- κ°μ λΆλͺ¨ μμλ₯Ό 곡μ νλ©΄μ 첫 λ²μ§Έ μ
λ ₯ν μμ λ°λ‘ λ€μ μ€λ λ λ²μ§Έ μ
λ ₯ν μμ μ ν
- section + p {}
- <main>
<section></section>
<p></p>(μ ν)
<p></p>
<p></p>
</main>
10. κΈ°ν ν΄λμ€ μ
λ ν°
- a:link {} : μ¬μ©μκ° λ°©λ¬Ένμ§ μμ <a> μμ μ ν
- a:visited {} : μ¬μ©μκ° λ°©λ¬Έν <a> μμ μ ν
- a:hover {} : λ§μ°μ€λ₯Ό μμ μμ μ¬λ Έμ λ μ ν
- a:active {} : νμ±ν λ(ν΄λ¦λ) μνμΌ λ μ ν
- a:focus {} : ν¬μ»€μ€κ° λ€μ΄μ μμ λ μ ν
'π» Development > CSS' μΉ΄ν κ³ λ¦¬μ λ€λ₯Έ κΈ
CSS μ λλ©μ΄μ (0) | 2023.01.17 |
---|---|
[CSS] λ μ΄μμ display (0) | 2022.11.27 |
[CSS] Flexbox (0) | 2022.11.27 |
[CSS] λ°μ€λͺ¨λΈ (0) | 2022.11.26 |
[CSS] κΈ°μ΄ (0) | 2022.11.26 |