CSS에서 태그는 무엇을 의미합니까?

CSS에서 태그는 "#tag{스타일 코드;}" 및 ".tag{스타일 코드}"와 같은 선택기를 나타냅니다. TAG 태그는 분류보다 정확하고 구체적이며 기사의 주요 내용을 요약할 수 있는 자체 정의 키워드입니다.

이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.

CSS에서 태그는 선택기를 나타냅니다. 예를 들어

#tag{样式代码;}
.tag{样式代码}

각 CSS 스타일 정의는 두 부분으로 구성됩니다. [코드] 선택기 {스타일} [/코드] {} 앞의 부분은 "선택기"입니다. " ". "선택기"는 {}의 "스타일" 객체, 즉 "스타일"이 작동하는 웹페이지의 요소를 지정합니다.

카테고리 선택기

클래스 선택기는 클래스 이름을 기준으로 선택합니다

앞에 "."가 표시됩니다. 예:

.demoDiv{
color:#FF0000;
}

HTML에서 요소는 클래스 속성을 정의할 수 있습니다.

예:

<div class="demoDiv">
这个区域字体颜色为红色
</div>

동시에 다른 요소를 정의할 수 있습니다.

<p class="demoDiv">
这个段落字体颜色为红色
</p>

마지막으로 브라우저로 탐색하면 데모Div 클래스가 있는 모든 요소에 이 스타일이 적용되어 있음을 알 수 있습니다. 페이지에 div 요소와 p 요소를 포함합니다.

위의 예에서는 두 요소 모두에 대해 클래스를 정의했습니다. 그러나 이 요소를 적용할 요소가 많은 경우 요소를 하나씩 정의해야 하면 페이지에 너무 많은 중복 코드가 발생하는 현상을 호출합니다. "다중 요소".

이렇게 정의하도록 변경할 수 있습니다.

<div class="demoDiv">
<div>
这个区域字体颜色为红色
</div>
同时，我们可以再定义一个元素：
<p>
这个段落字体颜色为红色
</p>
</div>

이런 식으로 클래스를 정의하고 모든 요소에 스타일을 적용하면 됩니다.

ID 선택기

ID 선택기는 특정 ID로 표시된 HTML 요소에 대해 특정 스타일을 지정할 수 있습니다. ID를 기준으로 요소를 선택하는 것은 고유합니다. 즉, 동일한 ID는 동일한 문서 페이지에 한 번만 나타날 수 있습니다. 예를 들어 요소의 ID 값을 "navi"로 설정하면 해당 요소를 다시 변경할 수 없습니다. 다른 요소 ID의 이름은 "navi"입니다. 동일한 ID 이름을 가진 여러 요소의 이름을 지정하더라도 CSS 선택기는 스타일을 적용하기 위해 여전히 이러한 요소를 선택합니다(예: 클래스 선택기). CSS 선택기의 경우 id 속성의 고유성은 보이지 않습니다. 동일하게 존재하십시오. 그러나 js의 경우 ID 이름이 동일한 첫 번째 요소만 선택됩니다. 좋은 프로그래밍 방법으로 동일한 ID가 페이지에 두 번 표시되어서는 안 됩니다.

앞에 "#" 기호가 표시되어 있으며 이는 다음과 같이 스타일에서 정의할 수 있습니다.

#demoDiv{
color:#FF0000;
}

이것은 id가 decoDiv인 요소의 글꼴 색상을 빨간색으로 설정하는 것을 나타냅니다.

페이지의 요소를 정의하고 해당 ID를 다음과 같이 데모Div로 정의합니다.

<div id="demoDiv">
这个区域字体颜色为红色
</div>

브라우저로 탐색하면 해당 영역의 색상이 빨간색으로 바뀌기 때문에 알 수 있습니다.

다른 영역 정의

<div>
这个区域没有定义颜色
</div>

다음으로 탐색 사용 예상한 대로 브라우저에서는 해당 영역에 스타일이 적용되지 않으므로 해당 영역의 글꼴 색상은 여전히 ​​기본 색상인 검은색입니다.

추천 학습: css 비디오 튜토리얼

위 내용은 CSS에서 태그는 무엇을 의미합니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!