>  기사  >  웹 프론트엔드  >  HTML의 인라인 요소와 블록 수준 요소의 차이점은 무엇입니까?

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

王林
王林원래의
2020-11-13 15:08:018494검색

HTML에서 인라인 요소와 블록 수준 요소의 차이점은 다음과 같습니다. 1. 블록 수준 요소는 항상 새 줄에서 시작하고 인라인 요소는 다른 요소와 같은 줄에 있습니다. 2. 블록의 높이와 줄 높이; -레벨 요소는 제어할 수 있지만 인라인 요소는 높이와 줄 높이를 변경할 수 있습니다. 3. 블록 수준 요소의 너비는 내용과 관련이 없으며 인라인 요소의 너비는 내용에만 관련됩니다.

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

블록 수준 요소:

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

1. 항상 새 줄에서 시작하여 전체 줄을 차지합니다.

2. 간격과 패딩을 모두 제어할 수 있습니다.

3. 너비는 내용에 관계없이 항상 브라우저 너비와 동일합니다.

4.

인라인 요소의 특성:

1. 높이, 줄 높이, 여백은 변경될 수 있습니다.

3.

4. 인라인 요소는 텍스트나 기타 인라인 요소만 수용할 수 있습니다.

너비와 높이는 설정할 수 없으며 글꼴 크기에 따라 높이가 변경됩니다. 인라인 요소는 외부 테두리를 설정할 수 있지만 외부 테두리는 왼쪽과 아래쪽에만 영향을 미칩니다. 내부 테두리를 설정할 수도 있지만 ie6에서는 내부 경계가 위쪽 및 아래쪽으로 작동하지 않고 왼쪽 및 오른쪽으로만 작동합니다.

관련 권장 사항:

html 튜토리얼

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.