HTML 태그(요소)는 블록 수준 요소와 인라인 요소(인라인 요소라고도 함)라는 두 가지 범주로 나눌 수 있습니다.
1. 인라인 요소(인라인)
1. 인라인 요소의 개념
인라인 요소(HTML 사양의 개념) 영어: 인라인 요소, 인라인 요소, 인라인 요소, 인라인 요소 등과 같은 많은 중국어 이름이 있는 인라인 요소입니다. 기본적으로 통일된 번역은 없습니다. 또한 인라인 요소의 경우 일반적으로 관련된 속성은 display:inline입니다. 이 속성은 유명한 IE 이중 부동 테두리 문제를 해결할 수 있습니다.
2. 인라인 요소의 특징
① 인접한 인라인 요소와 같은 줄에 위치합니다.
②너비(width), 높이(height), 내부 여백의 상단/하단(padding-top/padding-bottom), 외부 여백의 상단/하단(margin-top/margin-bottom)은 변경할 수 없습니다.
③너비는 텍스트나 그림의 너비로 변경할 수 없습니다.
④인라인 요소는 텍스트나 기타 인라인 요소만 수용할 수 있습니다.
인라인 요소를 사용할 때 다음 사항에 주의해야 합니다.
• 너비 너비 설정이 유효하지 않습니다.
• 높이 높이 설정은 유효하지 않습니다. 그러나 줄 높이는 line-height를 통해 설정할 수 있습니다.
• 여백을 설정할 수 있으나 왼쪽과 오른쪽 여백에만 적용되며 위쪽과 아래쪽에는 적용되지 않습니다.
• 패딩 내부 여백 설정 시 왼쪽과 오른쪽 패딩만 유효하며, 위쪽 및 아래쪽 패딩은 유효하지 않습니다. 요소의 범위는 증가하지만 요소 주변의 내용에는 영향을 미치지 않습니다. ;
• display 속성을 통해 인라인 요소와 블록 수준 요소 간에 요소를 전환할 수 있습니다.
3. HTML 태그의 일반적인 인라인 요소
2. 블록 수준 요소(블록)
1. 블록레벨 요소의 개념
블록 요소(block 요소) 및 해당 인라인 요소(inline 요소)는 HTML 사양의 개념입니다. 블록 요소와 인라인 요소의 기본적인 차이점은 블록 요소는 일반적으로 새 줄에서 시작하고 인접한 블록 수준 요소는 다른 줄에 표시된다는 것입니다.
2. 블록레벨 요소의 특성
①항상 한 줄을 차지합니다. 이는 다른 줄에서 시작한다는 의미이며, 후속 요소도 다른 줄에 표시되어야 합니다.
②너비, 높이, 패딩, 여백을 모두 제어할 수 있습니다.
③블록 수준 요소의 너비가 생략되면 해당 너비는 기본적으로 현재 브라우저 창의 너비로 설정됩니다.
④블록 수준 요소에는 다른 인라인 요소와 블록 수준 요소가 포함될 수 있습니다.
3. HTML 태그의 공통 블록 수준 요소