레이아웃(layout) 사전적 의미 : 배치, 정리 기술적 의미 : 구성 요소를 제한된 공간에 효율적으로 배치하는 것을 의미. 화면 배치 방법(형식) : display 속성 요소가 화면에 어떻게 보여질지 형식을 지정하는 속성 block : 화면을 수직 분할(행을 나눔) ...
요소의 영역(여백) 관련 속성 HTML 요쇼는 총 4가지 영역으로 구성되어 있다. content 영역 요소의 내용이 작성 되어지는 영역 (시작태그와 종료 태그 사이에 작성되는 내용을 생각하면 됨) padding 영역 content 영역과 borde...
float(띄우다) > 요소를 띄워서 좌/우로 정렬하는 속성 float-left float-right clear > float로 인해서 띄워져 있는 상태를 해제하는 속성 (float 사용 시 겹침 문제가 발생하는데 이를 해결할 수 있음) clear:both(기본값)
배치 관련 스타일(position) position : relative; (상대적인) > 지정된 요소 내부에 다른 요소가 상대적인 위치를 지정할 수 있도록 기준이 되게 만드는 속성. 내부에 작성되는 요소에 위치 지정 시 top, bottom, left, right 속성을 사용할 ...