Trick or True
Block과 Inline의 차이 본문
| Block | Inline |
| <div>, <p>, <h1> 등의 태그가 Block 속성을 가진다. | <span>, <a> 등의 태그가 Inline 속성을 가진다. |
| 새로운 라인에서 시작한다 . | 다른 요소들과 같은 라인에 배치할 수 있다. |
| height와 width를 가질 수 있다. | height와 width를 가질 수 없다. |
| margin-top과 margin-bottom을 가질 수 있다. | 상하 margin을 가질 수 없고 좌우 margin만 가질 수 있다. |
| 자신이 속한 전체 영역을 차지한다. | 컨텐츠 크기 만큼의 영역을 차지한다. |
'개발 공부' 카테고리의 다른 글
| [JavaScript] sort() 함수로 정렬하기 (0) | 2023.04.05 |
|---|---|
| [자료구조]이진 트리(Binary Tree) (0) | 2023.04.04 |
| 문(statement)과 표현식(expression) (1) | 2023.03.27 |
| Array 자료형과 Object 자료형 (0) | 2023.03.19 |
| 코딩애플 <JavaScript 입문과 웹 UI개발> 강의 리뷰 (0) | 2023.03.03 |
Comments