CSS 스타일 규칙이란 무엇입니까?

CSS 스타일 규칙은 선택기(적용 가능한 요소 결정) 및 선언 블록(스타일 속성 및 값 정의)을 포함한 HTML 요소의 시각적 스타일을 정의합니다. 선택기에는 요소 선택기(요소 이름 지정), 클래스 선택기(클래스 이름 지정), ID 선택기(ID 지정) 및 하위 선택기(하위 요소 선택)가 포함됩니다. 선언 블록에는 텍스트 색상, 글꼴 크기, 배경색과 같은 요소의 모양을 변경하는 데 사용되는 스타일 속성과 해당 값이 포함됩니다.

CSS 스타일 규칙

CSS 스타일 규칙은 HTML 요소의 시각적 스타일을 정의하는 데 사용됩니다. 각 규칙은 두 가지 주요 부분으로 구성됩니다.

• 선택기: 규칙이 적용되는 HTML 요소를 식별합니다.
• 선언 블록: 요소의 스타일 속성과 해당 값을 정의합니다.

선택기

선택기는 다양한 방법으로 대상 요소를 지정할 수 있습니다.

• 요소 선택기: p 또는 div . <code>p 或 div。
• 类选择器：选择具有特定 CSS 类名的元素，例如 .my-class。
• ID 选择器：选择具有特定 ID 的元素，例如 #my-id。
• 后代选择器：选择一个元素的子元素，例如 div p。

声明块

声明块包含一组样式属性，每个属性都后跟一个冒号和一个值：

• 属性：要设置的样式属性，例如 color、font-size 或 background-color。
• 值：属性的实际值，例如 red、12px 或 #ffffff。

示例 CSS 样式规则

<code class="css">p {
  color: blue;
  font-size: 16px;
}

.my-class {
  background-color: yellow;
  padding: 10px;
}</code>

第一个规则适用于所有段落 (p) 元素，将它们的文本颜色设置为蓝色，字体大小设置为 16 像素。第二个规则适用于所有具有 my-class

🎜클래스 선택기: 🎜.my-class와 같은 특정 CSS 클래스 이름을 가진 요소를 선택합니다. 🎜🎜🎜ID 선택기: 🎜#my-id와 같은 특정 ID를 가진 요소를 선택합니다. 🎜🎜🎜하위 항목 선택기: 🎜 div p와 같은 요소의 하위 요소를 선택합니다. 🎜🎜🎜🎜선언 블록 🎜🎜🎜선언 블록에는 스타일 속성 세트가 포함되어 있으며 각 속성 뒤에 콜론과 값이 옵니다. 🎜🎜🎜🎜속성: 🎜color와 같이 설정할 스타일 속성 >, 글꼴 크기 또는 배경 색상. 🎜🎜🎜값: red, 12px 또는 #ffffff와 같은 🎜 속성의 실제 값입니다. 🎜🎜🎜🎜CSS 스타일 규칙 예🎜🎜rrreee🎜첫 번째 규칙은 모든 단락(p) 요소에 적용되며 텍스트 색상은 파란색으로, 글꼴 크기는 16픽셀로 설정됩니다. 두 번째 규칙은 my-class CSS 클래스가 있는 모든 요소에 적용되며 배경색을 노란색으로 설정하고 10픽셀의 패딩을 추가합니다. 🎜

위 내용은 CSS 스타일 규칙이란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!