CSS3에서는 ".class" 선택기를 사용하여 클래스에 연결할 수 있습니다. 이 선택기는 지정된 클래스의 요소를 선택한 후 선택한 요소의 스타일을 설정할 수 있습니다. ".class{ CSS 스타일 코드;}"입니다.
이 튜토리얼의 운영 환경: Windows 10 시스템, CSS3&&HTML5 버전, Dell G3 컴퓨터.
css3에서 클래스를 연결하는 데 사용하는 것
.class 선택기는 지정된 클래스(class)가 있는 요소를 선택합니다.
클래스 선택기를 사용하면 문서 요소와 독립적인 방식으로 스타일을 지정할 수 있습니다.
이 선택기는 단독으로 사용하거나 다른 요소와 조합하여 사용할 수 있습니다.
팁: 이러한 선택기는 문서가 적절하게 마크업된 후에만 사용할 수 있으므로 일반적으로 두 선택기를 사용하려면 먼저 몇 가지 아이디어와 계획이 필요합니다.
특정 디자인 요소와 관계없이 스타일을 적용하기 위해 가장 일반적인 방법은 클래스 선택기를 사용하는 것입니다.
.class 선택자는 모든 요소에 대한 클래스를 지정하는 스타일입니다.
예제는 다음과 같습니다.
<html>
<head>
<style>
.intro
{
background-color:yellow;
}
</style>
</head>
<body>
<h1>Welcome to My Homepage</h1>
<div class="intro">
<p>My name is Donald.</p>
<p>I live in Duckburg.</p>
</div>
<p>My best friend is Mickey.</p>
</body>
</html>출력 결과:
(학습 영상 공유: css 영상 튜토리얼)
위 내용은 CSS3에서 클래스를 연결하는 데 사용되는 것의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
