22020510/TIL

대부분의 html element는 block요소입니다.
예를 들어, header, footer, p, li, table, h1 등이 모두 block element요소에 해당하는 테그.

block요소의 의미는 이 요소 바로옆(좌우측)에 다른 요소를 붙여 넣을수는 없다는 뜻.

반대로

inline요소.
a ,span, img 테그는 인라인.
inline는 요소끼리 서로서로 한줄로 바로 옆에 위치할수 있다는 의미.

블럭형은 content 크기를 떠나서 항상 새 줄에서 시작해서 좌우로 최대한 늘어난다.
그런데 linline 요소는 딱 텍스트 만큼의 영역만 차지한다.
but, css로 서로의 성질을 바꿀수도 있다.
display:inline-block
float:left(p테그가 블럭형이지만 이렇게 인라인의 성질을 가질수 있게 만들수 있다. )
float:right
display:block
display:none(화면에 보이지 않는다)
요소를 안보이다가 보이게 하는display:block 로 사용함. 예를 들면 검색창에 검색을 할때, 입력을 할때 글이 나타나는 것.