HTML 태그는 인라인 요소와 블록 레벨 요소의 두 가지 유형으로 나뉩니다. 먼저 인라인 요소와 블록 수준 요소의 개념을 이해해 봅시다.
블록 레벨 요소 : 일반적으로 인라인 요소 및 기타 블록 레벨 요소를 수용 할 수있는 다른 요소의 컨테이너입니다. 블록 레벨 요소는 그들과 같은 행의 다른 요소를 거부합니다. 너비 (너비) 및 높이 (높이) 속성을 설정할 수 있습니다. 정상 스트림의 블록 레벨 요소는 수직으로 배치됩니다. 일반적인 블록 요소는 div입니다 인라인 요소 (인라인 요소) : 인라인 요소는 텍스트 또는 기타 인라인 요소 만 수용 할 수 있으며 블록 수준의 요소의 후손입니다. 그들은 다른 인라인 요소가 그들과 같은 선에 있고 높이와 너비를 설정할 수 없습니다. 일반적인 인라인 요소는 a.블록 레벨 요소의 개념에 따르면, 우리는 블록 레벨 요소가 전후에 라인이 나온다는 것을 이해할 수 있으며, 이는 요소 전후에 <br> 태그를 추가하는 것과 같습니다. 블록 레벨 요소를 블록 또는 사각형으로 생각할 수 있으므로 블록 레벨 요소는 높이폭 속성을 설정할 수 있습니다.
예:
CSS 파일 :
코드를 복사하십시오