CSS에서는 ".class" 선택기를 사용하여 클래스를 호출할 수 있습니다. 이 선택기는 지정된 클래스 속성이 있는 요소를 선택하는 데 사용됩니다. 구문은 ".class 속성 값 {css 스타일 코드;}"입니다.
이 튜토리얼의 운영 환경: Windows7 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
CSS에서 클래스를 호출하는 방법
보통 웹페이지를 만들 때 클래스를 사용하여 CSS 스타일 속성을 선택하고 호출하는 경우가 많습니다. CSS를 처음 배우는 초보자들은 클래스 사용법에 대해 잘 알지 못합니다. 아래에서 간단히 소개하겠습니다.
클래스는 프로그램에서 "클래스"라고 불리며, CSS의 서면 언어에서는 "클래스"라고도 합니다. CSS 스타일에서는 소문자 "점"과 "."를 사용하여 .top{속성: 속성 값;}과 같이 이름을 지정합니다.
즉, "." 클래스 선택기는 지정된 클래스(class)를 가진 요소를 선택합니다.
html 페이지에서 class="top"을 사용하여 .top{attribute: attribute value;}와 같은 호출을 선택하고, html 페이지에서
예제는 다음과 같습니다.
<!DOCTYPE html>
<html>
<head>
<style>
.intro
{
background-color:yellow;
}
</style>
</head>
<body>
<h1>欢迎来到我到的主页</h1>
<div class="intro">
<p>我是唐老鸭。</p>
<p>我住在 Duckburg。</p>
</div>
<p>我最好的朋友是米老鼠。</p>
</body>
</html>출력 결과:
".class" 선택기를 통해 지정된 클래스를 호출하여 지정된 CSS 스타일을 실행할 수 있음을 알 수 있습니다. .
참고:
이것들은 가장 간단한 CSS이므로 초보자에게 도움이 되기를 바랍니다.
(학습 영상 공유: css 영상 튜토리얼)
위 내용은 CSS에서 클래스를 호출하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
