지금까지 위치를 지정할떄 Padding과 Margin을 써왔을텐데
top, left를 사용해야 하는데 디폴트로 position:static으로 되어 있어 적용이 되지 않기에
position:realtive로 지정해야 적용이 된다.
realtive : Normal flow 상에서 요소가 원래 존재해야하는 위치를 기준으로
상대적인 위치
absolute : 자신과 가까운 parent중에서 Position속성이 static이 아닌 parent를 기준으로, container 에 기본속성이static이니 처음엔 브라우저 기준으로 적용되니 container에 position: relative 부여
absolute가 더 적용하기 편하다 parent기준으로 움직이기떄문에
position을 해도 top letf right를 적용하지않는다면 변하지 않는다. 대신 top left 쓸떄 중요
z-index 숫자가 높을수록 위로 올라온다, position:static은 z-index 수치가 높아도 absoulte위로 못올라온다
background-color: #42f5c250 6글자 이후에 숫자는 투명도를 의미한다.
position:fixed 고정
transform: rotatex(270deg); X기준
transform: rotatey(70deg); Y축 기준
transform: rotate(30deg); 회전
transform: scale(1.5); 커지기
transform: translate(50px,0px); 이동
CSS와 JS도 자바처럼 라이브러리 기능이 있다.
CDN = Contents Delivery Network
