태그의 분류
블럭 요소 태그
: 구조를 담당
<html>, <body>, <div>, <ul>, <li>, <p> 등
인라인 요소 태그
: 내용을 담는 태그
CSS 크기 적용 안됨
<a>, <i>, <span>, <strong> 등
display: block 을 설정해주면 크기 적용가능
인라인블럭 요소 태그
: 내용을 담는 태그
CSS 크기 적용 가능
<input>, <img> 등
여러개의 인라인블럭 요소가 있을 경우 바닥을 기준으로 배치되며 여백이 개별적으로 적용이 안됨
vertical-align : top 을 적용시켜주면 됨
ex) vertucal-align : top
display 속성
display : block
display : inline
display : inline-block
display : none
ex) display : none
: 요소에 마우스 커서가 올라가야 화면에 나옴
