css (rem, z-index, translate)

rem

.root{

          font-size: 11px;}

 

.sub1{

          font-size: 1em;}    --> 부모의 배수  11 * 1.0   em을 사용하고 div를 들어갈 수록 글씨가 더 커진다.

.sub2{

          font-size: 1rem;}    --> 최상위의 배수 11 * 1.0

 

 

z-index

position:absolute를 하면 태그들이 겹치낟

z-index를 이용하면 위에 배치하거나 아래에 배치할 수 있다. 숫자가 큰 순서 대로 위에 보인다.

 

translate

transform: translate(-50%, -50%));  중앙으로