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

CSS 클래스 란 무엇입니까?

藏色散人
藏色散人원래의
2020-12-24 09:37:244173검색

css 클래스는 CSS의 클래스 선택자입니다. 즉, 클래스 선택기를 사용하면 문서 요소와 독립적인 방식으로 스타일을 지정할 수 있으며 요소 그룹을 설명하는 데 사용됩니다. 여러 요소에 사용할 수 있습니다. 이 선택기는 단독으로 사용하거나 다른 요소와 조합하여 사용할 수 있습니다.

CSS 클래스 란 무엇입니까?

이 기사의 운영 환경: windows10 시스템, CSS 3, thinkpad t480 컴퓨터.

권장: "css Video Tutorial"

css 클래스는 문서 요소와 독립적인 방식으로 스타일을 지정할 수 있는 CSS 클래스 선택기를 나타냅니다.

CSS 클래스 선택기

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

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

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

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

예: 중앙 클래스가 있는 모든 HTML 요소는 중앙에 배치됩니다.

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

사진:

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으로 문의하세요.