div 태그를 사용하는 방법-HTML 튜토리얼-php.cn

div 태그 사용 방법: 1. div 태그는 클래스 또는 ID를 설정하여 스타일을 가져올 수 있습니다. 2. div 태그는 인라인 메서드를 통해 직접 스타일을 가져올 수도 있습니다.

div 태그를 사용하는 방법

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

div 태그 사용: div 태그는 클래스 또는 ID를 설정하여 스타일을 얻거나 인라인 방식을 통해 직접 스타일을 얻을 수 있습니다.

태그는 문서를 독립적이고 다른 부분으로 나눌 수 있습니다. 엄격한 구성 도구로 사용할 수 있으며 이와 관련된 서식을 사용하지 않습니다. 다음 글에서는 어떤 참고할만한 가치가 있는 div의 사용법을 소개하겠습니다.

div의 의미:

div 태그는 파티션 태그라고 합니다. 문서에서 파티션이나 섹션을 정의하는 목적은 문서를 독립적이고 다른 부분으로 분할하는 것입니다. 텍스트, 이미지, 표 및 기타 요소의 위치를 설정할 수 있습니다. div는 HTML 문서의 블록 수준 콘텐츠에 대한 구조와 배경을 제공하는 데 사용되는 요소입니다. div의 시작 태그와 끝 태그 사이의 모든 내용은 이 블록을 형성하는 데 사용되며 포함된 요소의 속성은 div 태그의 속성이나 스타일 시트를 사용하여 제어됩니다.

div 사용법:

는 블록 수준 요소이므로 해당 콘텐츠가 자동으로 한 줄을 차지합니다. 추가 스타일은 div의 클래스 또는 ID를 통해 얻을 수 있지만 각 div에 선택기를 추가할 필요는 없습니다.

동일한

요소에 class 또는 id 속성을 적용할 수 있지만 일반적으로 둘 중 하나만 적용됩니다. 둘 사이의 주요 차이점은 class는 클래스 요소(특정 유형의 요소로 이해될 수 있음)에 사용되는 반면 id는 개별 요소와 고유 요소를 식별하는 데 사용된다는 것입니다.

[추천 강좌:

HTML 강좌]예: div

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
</head>
<body>
 <div style="color:pink">
  <h1>div的用法</h1></div>
</body>
</html>

로그인 후 복사

에 셀렉터를 추가하지 않고 사용

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Document</title>
<style type="text/css">
.demo{
width:450px;
height: 300px;
background: pink;
text-align: center;
line-height: 300px;
font-size: 20px;
}
</style>
</head>
<body>
 <div>div的用法</div>
</body>
</html>

로그인 후 복사

렌더링:

div 태그를 사용하는 방법