[zb11]003-처음부터html/css실습 08-position, mediaQuery

position : ;

top: ;
right: ;
bottom: ;
left: ;

position 으로 시작점을 설정하고,
t-r-b-l 로 위치를 정한다.

position

static
가장 기본형. static 은 위치 변형이 불가하다.

relative
현위치 기준. trbl을 적용할 수 있다.

absolute
부모 태그를 기준으로 trbl을 적용할 수 있다.

fixed
브라우저 기준으로 trbl을 적용할 수 있다.

sticky

position 값이 부여된 태그가 아닌 태그보다 상위에 존재한다.
단, z-index를 사용한 경우 이에 맞는 위치에 조정된다.

z-index
style의 우선순의를 정할 수 있다. 0<1<2<<<<999

media Query

페이지가 노출되는 디바이스에 맞게 css가 변화하게 만드는 방법

미디어쿼리 MDN

@media (조건) {
  스타일
}

여기 참고