요소 분류--블록 수준 요소

블록 수준 요소란 무엇인가요? HTML에서는

,
,
및
가 블록 수준 요소입니다. display:block을 설정하면 요소가 블록 수준 요소로 표시됩니다. 다음 코드는 인라인 요소 a를 블록 요소로 변환하여 a 요소가 블록 요소의 특성을 갖도록 합니다.
a{display:block;}
블록 수준 요소의 특징:
1. 각 블록 수준 요소는 새 줄에서 시작하고 후속 요소도 시작됩니다. 새로운 라인에서 라인을 시작하세요. (정말 횡포합니다. 블록 수준 요소가 한 줄을 차지합니다.)
2. 요소의 높이, 너비, 줄 높이, 위쪽 및 아래쪽 여백을 설정할 수 있습니다.
3. 요소의 너비가 설정되지 않은 경우 너비가 설정되지 않은 한 요소의 너비는 상위 컨테이너의 100%입니다(상위 요소의 너비와 동일).
아아아아

새로운 파일

<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>内联块状元素</title> <style type="text/css"> div,p{background:pink;} </style> </head> <body> <div>div1</div> <div>div2</div> <p>段落1段落1段落1段落1段落1</p> </body> </html>

제출하다 코드 재설정

자동운전

이전 섹션 다음 섹션

튜토리얼 목록

도움을 받다