[CSS] box

box

📌 box

: 구성 요소.

 

📌 box의 구성

① content : 내용.

② margin : box의 border(경계)의 바깥에 있는 공간.

③ border : box의 경계.

④ padding : box의 border(경계)의 안쪽에 있는 공간.

https://codingrecord2209.tistory.com/24

[CSS] box - margin, border, padding

 

inline vs block

📌 inline vs block

inline : 옆에 다른 게 올 수 있는 거.

block : 옆에 다른 게 올 수 없는 거.

 

💡 block ↔ inline : display로 변경 가능.

 

💡 inline은 높이(height)와 너비(width)가 없고,
    block은 높이(height)와 너비(width)가 있음.