본문 바로가기
Web Development/CSS

8. The CSS Box Model

by 사향낭 2022. 3. 15.

83 - 86. Box Model: Width & Height & Border & Border-Radius & Padding & Margin 

 

 

CSS의 모든 것들은 box로 이루어져 있다.

 

밑의 이미지가 모든 명칭들을 설명해준다.

 

 

 

 

87. The Display Property

 

 

Inline: width, height를 무시한다. 위아래는 padding, margin을 무시한다.

 

Block: 한 줄을 차지하며 width, height, padding, margin 모두 고려한다.

 

Inline-block: width, height, padding, margin 모두를 고려한다는 점 빼고 inline처럼 동작한다.

 

 

 

'Web Development > CSS' 카테고리의 다른 글

10. Responsive CSS & Flexbox  (0) 2022.03.17
9. Other Assorted Useful CSS Properties  (0) 2022.03.16
7. The World of CSS Selectors  (0) 2022.03.15
6. CSS: The Very Basics  (0) 2022.03.15

댓글