레이아웃 스타일1

레이아웃(layout)

    사전적 의미 : 배치, 정리
    기술적 의미 : 구성 요소를 제한된 공간에 효율적으로 배치하는 것을 의미.

화면 배치 방법(형식) : display 속성

    요소가 화면에 어떻게 보여질지 형식을 지정하는 속성

    - block : 화면을 수직 분할(행을 나눔)
                + width / height 속성 사용 O
    - inline : 화면을 수평 분할(하나의 행의 컬럼을 나눔 == 글자처럼 생각하면 됨)
                + width / height 속성 사용 X
    
    - inline-block : inline의 수평 분할 * block의 크기 조정

    - none : 화면에 요소가 표시 되지 않으나, 존재는 하고 있는 상태

    - flex : 요소의 정렬되는 방향, 요소 간의 간격을 유연하게 처리하는 형식