728x90
반응형
Block
-
[HTML] Block 요소와 Inline 요소HTML 2020. 8. 20. 16:46
▶ Block 요소 - , , 등 1. 사용 가능한 최대 가로 너비를 사용함. - 가로 너비를 지정하지 않았으나 화면의 왼쪽부터 오른쪽 끝까지 배경색이 모두 출력됨. 2. 크기를 지정할 수 있음. - 지정된 px만큼의 너비와 높이를 가지는 영역이 됨. 3. width: 100%, height: 0px에서 출발 - 이 값에서 출발해서 요소가 완성되는 것. - block 요소가 늘 이 값을 가진다는 건 아니라는 점에 유의. - 이전 예와 비교해 height를 지정하지 않으면 내용의 높이만큼만 영역을 가지게 됨. 4. 수직으로 쌓임. - 블록요소는 왼쪽 상단을 기준으로 위에서 아래로 수직으로 쌓임. 5. margin, padding 속성의 상하좌우 여백을 온전하게 사용 가능. - block 요소는 상하좌우 여..