좌표계, 레이아웃, 레이아웃 위치, 절대좌표(position : absolute), 상대좌표(position : relative)

 

 

좌표계

스칼라(Scalar; 특정 좌표계와 관련이 없는 양) 순서쌍을 이용해 n차원 공간의 각 지점을 표현하는 방법입니다.

 

 

레이아웃

각 구성요소를 제한된 공간 안에 효과적으로 배열하는 것을 의미합니다.

 

 

레이아웃 위치

·       엘리먼트가 브라우저의 페이지 안에 표시되는 방법을 지정하는 것

·       절대 좌표와 상대 좌표로 구분할 수 있습니다.

 

 

절대좌표(position : absolute) 

절대 좌표는 브라우저 왼쪽 상단이 기준점이 되며, 오른쪽 하단의 지정된 좌표로 이동하여 표시됩니다.

 

 

태그 { position : absolute; }

 

 

 

 

 

상대좌표(position : relative)

·       현재 자기 위치에서 지정된 상대값 만큼 이동시키는 것

·       원래 위치가 표시될 위치가 기준점이라는 것이 중요합니다.

 

상대좌표 형식

원래 있던 엘리먼트 위치가 기준이 되어 지정된 상대 값만큼 이동 시킵니다.

태그{ position : relative; }