브라우저 초기화

google에 reset.css cdn 검색

코드로 html을 따서 link css 것 위에 넣기.

codepen같은 경우는 css 설정에서 css base Reset 설정.

그럼 기본적으로 페딩 등 들어있는 것들이 전부 초기화가 된다.

inline

대표적으로는 span tag.

글자를 만들기 위한 요소라고 생각.

콘텡츠 크기만큼 자동으로 줄어든다.

가로와 세로 size를 지정할 수 없다.

margin과 padding은 inline에서는 좌우만 사용할 수 있다.
세로는 넣을 수 없다.

inline 자식으로는 block 요소를 넣을 수 없다.

Block

위에서 아래로.

부모 요소만큼 자동으로 늘어난다(가로)

block은 가로, 세로 전부 패딩 등 지정이 가능하다.