블록 수준 요소와 인라인 요소의 차이점은 무엇입니까?

블록 수준 요소와 인라인 요소의 차이점: 인라인 요소는 다른 인라인 요소와 나란히 배치할 수 있지만, 블록 수준 요소는 단독 라인을 차지하며 다른 인라인 요소와 나란히 배치할 수 없습니다. 너비와 높이를 설정하고, 블록 수준 요소는 너비와 높이를 설정할 수 있습니다.

이 기사의 운영 환경: windows10 시스템, html 5, Acer S40-51 컴퓨터.

블록 수준 요소와 인라인 요소의 차이점은 다음과 같습니다.

(학습 동영상 공유: css 동영상 튜토리얼)

1 인라인 요소는 다른 블록 수준 요소와 나란히 위치할 수 있습니다. 다른 요소와 함께 배치할 수 없습니다. 병렬

2. 인라인 요소의 경우 너비와 높이를 설정할 수 없으며, 블록 수준 요소의 경우 너비와 높이를 설정할 수 있습니다. 너비와 높이가 설정되지 않은 경우 너비는 기본적으로 상위 항목의 100%로 설정됩니다.

관련 소개:

Block 요소는 블록 요소(block 요소)라고도 하며 이에 대응하는 요소는 HTML 사양의 개념인 인라인 요소(inline 요소)입니다.

블록 요소와 인라인 요소의 기본적인 차이점은 블록 요소는 일반적으로 새 줄에서 시작하고 인접한 블록 수준 요소는 다른 줄에 표시된다는 것입니다. CSS 컨트롤이 추가되면 블록 요소와 인라인 요소 간의 이러한 속성 차이는 더 이상 차이가 되지 않습니다.

예를 들어 인라인 요소에 display:block과 같은 속성을 추가하면 매번 새 줄에서 시작하는 속성도 갖게 됩니다. 즉, 블록 요소가 됩니다. display:inline과 같은 속성을 블록 요소에 추가하여 한 줄에 정렬합니다.

관련 권장 사항: CSS 튜토리얼

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