block element
- block 요소 옆에 다른요소를 붙일 수 없습니다. (자동으로 줄바꿈)
header, footer, p, li, table, div, h1 등등
block에 css를 입히면 한줄전체에 적용
inline element
- block 요소와 반대로 옆에 다른요소가 붙습니다. (한줄로 나옴)
span, img, a 등등
inline에 css를 입히면 그 텍스트만 적용
but, css에서 both 성질을 바꿀수 있습니다.
이때 사용해야할 property = display: block or inline;
span이 p와같은 역할을하고 p가 span처럼 나오게 됩니다.
좀더 익숙하게 하기 위해 연습이 필요한 부분이다.
display: none; 이라는 값도 존재합니다.
html에 존재는 하는데 result에 보이지 않는 값입니다.
사용하는 이유 - interactive한 웹을 구현할 수 있기 때문입니다.
