1. position 속성 - relative, absolute, fixed
position속성은 태그 및 요소를 어떻게 위치 시킬지를 정의한다. 최종 위치는 포시션의top,right,bottom,left값에 따라 결정된다.relative: 원래 있던 자신의 위치를 기준으로 좌표를 지정absolute: 가장 가까운 특정 부모 요소를 절대 기준으로 위치를 지정fixed: 스크롤과 상관없이 위치가 고정 (default는 최 좌측상단)
2. inline, inline-block, block 에 대해서
CSS에서 display 속성은 웹페이지 상에서 요소들이 어떻게 보여지고 다른 요소들과 어떻게 상호배치 되는지를 결정한다.
inline: 전후 줄바꿈 없이 한 줄에 다른 요소들과 함께 나란히 배치됨.
-<span>,<a>,<em>등
-width과height속성을 지정해도 무시된다.
-margin과padding속성은 좌우간격만 반영이 되고 상하간격은 반영이 되지 않는다.block: 전후 줄바꿈이 적용되어 나란히 배치되지 않고 각자 한 줄씩 차지하게 됨.
-<div>,<p>,<h1>등
-inline과 달리width,height,margin,padding속성이 모두 반영된다.inline-block: 기본적으로inline과 동일하게 전후 줄바꿈 없이 한 줄에 나란히 배치되지만block요소처럼width와height속성 지정 및margin과padding속성의 상하간격 지정이 가능함.
-<button>,<input>,<select>등
개 발자국 🐾