`html`, `body` 및 `*` 선택기가 CSS의 스타일에 어떻게 다른 영향을 미치나요?

html, body 및 * 선택기에 대한 CSS 규칙의 영향

CSS에서 html, body 및 * 선택기는 서로 다른 용도로 사용됩니다. 동일한 HTML 문서에 적용할 때. 차이점을 살펴보겠습니다.

1. html 선택기

• 스타일을 요소.
• 선언된 색상(예: 검은색)은 본문을 포함한 하위 요소에 상속되지만 배경 색상(예: 흰색)은 상속되지 않습니다.
• html 요소의 배경색은 뷰포트를 채우지만, 높이가 전체 뷰포트까지 자동으로 확장되지 않습니다.

2. body Selector

• 에 스타일을 적용합니다. 요소.
• 선언된 색상은 element.
• html의 배경색이 본문에 전파되는 동안 본문의 배경색을 설정하면 html에서 상속된 색상이 재정의됩니다.

3. * 선택기(범용 선택기)

• 문서의 모든 요소에 스타일을 적용합니다.
• 일반적으로 상속되는 속성(예: 색상)에 대한 상속 체인을 끊어 명시적으로 * 규칙에 이러한 속성을 설정하는 것은 나쁜 습관으로 간주됩니다.
• 특정 항목에 적용되는 다른 CSS 규칙을 재정의합니다. 요소.

위 내용은 `html`, `body` 및 `*` 선택기가 CSS의 스타일에 어떻게 다른 영향을 미치나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!