>  기사  >  웹 프론트엔드  >  CSS 스타일의 클래스란 무엇입니까?

CSS 스타일의 클래스란 무엇입니까?

藏色散人
藏色散人원래의
2021-03-01 10:27:068509검색

CSS 스타일에서 클래스는 문서 요소와 독립적인 방식으로 스타일을 지정할 수 있는 CSS 클래스 선택기를 참조합니다. 클래스 선택기를 사용하면 문서 요소와 독립적인 방식으로 스타일을 지정할 수 있습니다. 그룹 요소의 스타일은 여러 요소에서 사용될 수 있습니다.

CSS 스타일의 클래스란 무엇입니까?

이 문서의 운영 환경: Windows 7 시스템, CSS3 버전, Dell G3 컴퓨터.

css 클래스는 문서 요소와 독립적인 방식으로 스타일을 지정할 수 있는 CSS 클래스 선택기를 나타냅니다. 다음 글에서는 CSS 클래스 선택기에 대해 소개하겠습니다. 도움이 되길 바랍니다.

CSS 클래스 선택기

클래스 선택기를 사용하면 문서 요소와 독립적인 방식으로 스타일을 지정할 수 있으며 요소 그룹의 스타일을 설명하는 데 사용되며 여러 요소에서 사용할 수 있습니다.

이 선택기는 단독으로 사용하거나 다른 요소와 조합하여 사용할 수 있습니다.

특정 디자인 요소와 관계없이 스타일을 적용하기 위해 가장 일반적인 방법은 클래스 선택기를 사용하는 것입니다.

클래스 선택기는 HTML의 클래스 속성으로 표시됩니다. CSS에서는 클래스 선택기가 점 "."으로 표시됩니다.

[권장: css 비디오 튜토리얼]

예: HTML이 중앙에 있는 모든 소유자 클래스의 요소는 모두 중앙에 있습니다.

<h1 class="center">标题居中</h1>
<p class="center">段落居中。</p>
.center{
text-align:center;
}

Rendering:

CSS 스타일의 클래스란 무엇입니까?

클래스를 사용하여 특정 HTML 요소를 지정할 수도 있습니다.

예: 모든 p 요소에 대해 class="center"를 사용하여 요소의 텍스트를 중앙에 배치합니다.

<h1 class="center">这个标题不受影响</h1>
<p class="center">这个段落居中对齐。</p>
p.center
{
text-align:center;
}

렌더링:

CSS 스타일의 클래스란 무엇입니까?

참고: 클래스 선택기에서 클래스 이름의 첫 번째 문자는 숫자를 사용할 수 없습니다! Mozilla나 Firefox에서는 작동하지 않습니다.

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.