CSS에서 요소의 배경색을 변경하는 방법은 무엇인가요?

` 요소의 배경색을 파란색으로 변경하는 코드는 다음과 같습니다.
```css
div {
background-color: blue;
}
```

Q4: 여러 CSS 클래스 중 어떤 것이 우선시되어 배경색이 적용되나요?
A4: 우선순위는 CSS의 특이성(specificity) , 선언 순서 , 그리고 !important 사용 여부에 따라 결정됩니다. 보다 구체적인 선택자가 혹은 !important가 붙은 스타일이 우선 적용됩니다.

Q5: 배경색을 투명하게 하려면 어떻게 해야 하나요?
A5: `rgba` 또는 `hsla` 색상 값을 사용하여 투명도를 지정할 수 있습니다. 예:
```css
div {
background-color: rgba(255, 0, 0, 0.5); /* 50% 투명한 빨간색 */
}
```
Q6: 인라인 스타일로 배경색을 변경할 수 있나요?
A6: 네, 인라인 스타일로도 가능합니다. 예:
```html

```

Q7: 배경색과 배경 이미지가 함께 있다면 배경색이 어떻게 적용되나요?
A7: 배경색은 배경 이미지 아래에 깔리는 색상으로 설정됩니다. 배경 이미지가 투명하거나 없을 때 배경색이 보입니다.

Q8: 배경색을 애니메이션으로 부드럽게 변경하려면 어떻게 하나요?
A8: `transition` 속성을 이용해 배경색 변화를 부드럽게 만들 수 있습니다. 예:
```css
div {
background-color: red;
transition: background-color 0.5s ease;
}

div:hover {
background-color: blue;
}
```

Q9: 배경색을 상속할 수 있나요?
A9: 기본적으로 요소는 배경색을 상속하지 않습니다. `background-color` 속성은 기본적으로 상속되지 않는(non-inherited) 속성입니다.

Q10: 배경색 변경 시 주의할 점은 무엇인가요?
A10:
- 텍스트 가독성: 배경색과 대비를 고려해 텍스트 색상을 설정해야 합니다.
- 접근성: 너무 밝거나 어두운 색상 조합은 시각적으로 불편할 수 있으므로 WCAG 가이드라인을 참고하세요.
- 투명도 사용 시 배경 이미지나 부모 요소 배경과의 시각적 관계를 고려해야 합니다.