HTML의 블록 수준 요소는 무엇입니까-HTML 튜토리얼-php.cn

HTML의 블록 수준 요소는 무엇입니까

青灯夜游

풀어 주다： 2023-02-17 17:01:24

원래의

10469명이 탐색했습니다.

HTML에서 블록 수준 요소는 표시 속성이 블록인 요소를 나타냅니다. 일반적으로 많은 브라우저에서는 블록 수준 요소가 한 줄에 표시되며, 같은 줄에 있는 다른 요소와 다른 요소는 제외됩니다. 브라우저에서는 블록 요소가 직사각형 모양으로 나타나며 다른 요소를 포함합니다.

HTML의 블록 수준 요소는 무엇입니까

이 튜토리얼의 운영 환경: Windows 7 시스템, HTML5 버전, Dell G3 컴퓨터.

Block 요소는 블록 요소(block 요소)라고도 하며, 이에 대응하는 요소는 HTML 사양의 개념인 인라인 요소(inline 요소)입니다. 대부분의 HTML 요소는 블록 수준 요소 또는 인라인 요소로 정의됩니다. 블록 수준 요소는 일반적으로 브라우저에 표시될 때 줄 바꿈으로 시작하고 끝납니다.

블록 수준 요소는 기본적으로 매번 전체 줄을 차지하며 후속 콘텐츠도 새 줄에 표시되어야 합니다. 예:

각 블록 수준 요소는 기본적으로 한 행의 높이를 차지합니다. 블록 수준 요소가 행에 추가되면 다른 요소를 추가할 수 없습니다(float 이후 제외). 두 개의 블록 수준 요소를 연속적으로 편집하면 자동으로 페이지에 래핑되어 표시됩니다. 블록 수준 요소는 일반적으로 블록 수준 요소 또는 인라인 요소를 중첩할 수 있습니다.

<html>
<head>
<style type="text/css">
p{ 
border: thin dotted #FF0000;
}
div{ 
border: 1px solid yellow;
}
</style>
</head>
<body>
<p>这是一个p元素</p>
<p>这是一个p元素</p>
<div>这是一个div元素</div>
<div>这是一个div元素</div>
</body>
</html>

로그인 후 복사

HTML의 블록 수준 요소는 무엇입니까