[CSS] position, 인접 선택자, transform

• position 속성 정리

종류	absolute	fixed, relative	static
너비	최대한 줄어든다.	그대로 유지	그대로 유지
본질	유령화,유령의집화	유령의집화	사람화
겹침허용	겹침가능	겹침 불가능	겹침 불가능
이동	top, left, right, bottom으로 이동	-	-

• 인접선택자

  • a+div{display:none;} a에서 첫번째 div를 선택함
  • a:hover+div{display:block

• /* transform : 변형(주변 엘리먼트에 영향을 주지않는) /
  / translateX(-50%) : 자신의 너비의 반만큼 왼쪽으로 이동 /
  / translateY(-50%) : 자신의 높이의 반만큼 위쪽으로 이동 /
  / transform: translateX(-50%) translateY(-50%); */