블록 수준 요소와 인라인 블록 요소란 무엇입니까?

CSS의 기본에서 우리는 블록 요소와 인라인 요소를 자주 접하게 되는데, 블록 요소와 인라인 요소 역시 매우 중요한 기초 지식이라고 생각하여 실제로는 배우지 않는 경우가 많습니다. 역시 잘못된 선택입니다. 블록 수준 요소와 인라인 블록 요소가 무엇인지 이야기해 볼까요?

많은 학생들이 공부할 때 소스 코드의 일부 요소가 자신의 줄에 있고 다른 요소와 같은 줄에 있지 않다는 것을 발견합니다. . 코드에서는 단독 행을 차지하지 않고 브라우저에서는 단독 행을 차지하고, 태그와 같은 일부 태그는 다른 요소와 같은 행에 있습니다. 태그는 요소라고도 합니다. 예를 들어 태그는 요소라고도 합니다. [추천 자료: html5의 div 및span html 블록 수준 요소에 대한 자세한 소개】

HTML 요소는 표현 형식에 따라 두 가지 범주로 나눌 수 있습니다.

1: 블록 요소

블록 요소는 여러 요소에서 발견됩니다. 브라우저에서는 모두 한 줄을 차지하고 다른 요소와 같은 줄의 다른 요소를 제외하는 것처럼 보입니다. 브라우저에서 블록 요소의 모양은 직사각형이며 다른 요소를 수용합니다.

예를 들어 div가 있고 h1~h6, p, hr, ol, ul이 있습니다. 이들 태그는 익숙할 것입니다. 그 중

및

태그는 블록 태그이며 중간에 있는 모든 요소는

;, 및 태그는 인라인 요소입니다.

2: 인라인 요소

인라인 요소는 블록 요소와 정반대입니다. 브라우저에서 블록 요소는 기본적으로 다른 요소의 한 줄로 설정됩니다. . 여기에는 Strong, em, SPAN 및 입력이 포함됩니다. 인라인 요소는 다른 요소와 같은 줄에 배치할 수 있으며 블록 요소를 포함할 수 없지만 다른 인라인 요소는 포함할 수 있습니다.

위는 블록 수준 요소와 인라인 블록 요소가 무엇인지에 대한 완전한 소개입니다. Html5 튜토리얼에 대해 더 알고 싶다면 PHP 중국어에 주목하세요. 웹사이트.

위 내용은 블록 수준 요소와 인라인 블록 요소란 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!