CSS μ„ νƒμž

πŸ“„ CSS μ„ νƒμž

μ„ νƒμžλŠ” μ–΄λ–€ μš”μ†Œμ— λŒ€ν•œ μŠ€νƒ€μΌμ„ μ •μ˜ν•  것인지에 λŒ€ν•œ μ •λ³΄μž…λ‹ˆλ‹€.

πŸ“„ μ„ νƒμžμ˜ μ’…λ₯˜

1. 전체 μ„ νƒμž

μ• μŠ€ν„°λ¦¬μŠ€ν¬(*)λŠ” λ¬Έμ„œ λ‚΄μ˜ λͺ¨λ“  μš”μ†Œλ₯Ό μ˜λ―Έν•©λ‹ˆλ‹€.

* {
  color: blue;
}

2. νƒœκ·Έ μ„ νƒμž(μœ ν˜• μ„ νƒμž)

주어진 이름을 가진 μš”μ†Œλ₯Ό μ„ νƒν•©λ‹ˆλ‹€.

p {
  color: blue;
}

3. 클래슀 μ„ νƒμž

주어진 class 속성값을 가진 μš”μ†Œλ₯Ό μ„ νƒν•©λ‹ˆλ‹€.

.text {
  color: blue;
}

4. 아이디 μ„ νƒμž

주어진 id 속성값을 가진 μš”μ†Œλ₯Ό μ„ νƒν•©λ‹ˆλ‹€.

#topic {
  color: blue;
}

5. κ·Έλ£Ή μ„ νƒμž

λ‹€μ–‘ν•œ μœ ν˜•μ˜ μš”μ†Œλ₯Ό ν•œκΊΌλ²ˆμ— μ„ νƒν•˜κ³ μž ν•  λ•Œ μ‚¬μš©ν•©λ‹ˆλ‹€.
μ‰Όν‘œ(,)λ₯Ό μ΄μš©ν•΄ μ„ νƒμžλ₯Ό κ·Έλ£Ήν™” ν•©λ‹ˆλ‹€.

h1,
p,
div {
  color: blue;
}

πŸ“„ μ„ νƒμžμ˜ μš°μ„ μˆœμœ„

아이디 μ„ νƒμž > 클래슀 μ„ νƒμž > νƒœκ·Έ μ„ νƒμž

좜처

  • μœ λ…Έμ½”λ”©

Leave a comment