답변
block요소는 사용가능한 최대 너비를가지며 높이는 내부 컨텐츠에 맞게 지정됩니다. width, height를 지정할 수 있으며 padding, margin 적용에 제한이 없습니다. 또한 여러개의 block요소가 있을 때 수직으로 쌓이며, 프레임을 잡을 때 사용합니다. 반면 inline요소는 너비와 높이가 내부 컨텐츠 크기만큼 설정되며 임의로 지정할 수 없습니다. padding과 margin은 좌우에만 적용가능하며 여러개의 인라인 요소가 있을 때 수평으로 쌓입니다. 보통은 text나 img관련한 요소에 사용합니다.
꼬리질문
inline-block?
인라인 블록은 인라인 요소처럼 내부컨텐츠의 크기만큼 너비와 높이가 지정되고, 사용자 정의에 따라 원하는 크기로 지정할 수 있습니다. padding, margin은 블록요소처럼 상하좌우 제한없이 지정가능하고 여러개의 인라인블록이 있을 때는 수평으로 쌓입니다.
참고자료
https://memostack.tistory.com/275
HTML 블록(block) , 인라인(inline), 인라인 블록(inline-block)
블록 요소 (Block Element) 사용 가능한 최대 너비를 가진다. 높이는 내부 컨텐츠 크기 만큼 설정됨 {width: 100%; height: auto;} 와 같은 css 속성을 default로 가진다고 생각하면 됨 width, height로 크기를 지정
memostack.tistory.com
'1차 공부 > 기술면접 준비' 카테고리의 다른 글
| Redux 상태관리의 주요 개념들과 연결 관계를 설명해주세요. 다른 상태관리 도구와 비교 설명 해주세요 (0) | 2023.03.03 |
|---|---|
| Semantic HTML의 필요성을 예시를 들어 설명해주세요. (0) | 2023.03.02 |
| <li>요소는 왜 <ul>요소의 자식 요소여야만 하나요? (0) | 2023.03.02 |
| React의 state와 props에 대해서 설명해주세요. (0) | 2023.03.02 |
| 순수함수란 무엇인가요? 불변성과 사이드 이펙트와 연결하여설명해주세요. (0) | 2023.03.01 |