Display

    [ CSS ] Layout/Display/Position/Flexbox/Grid

    ꕥ저는 백엔드 위주로 개발을 했기 때문에 프론트엔드는 알아볼 수 있을 정도로만 공부했었는데, 업무를 하면서 이미 만들어진 요소들을 알아보고 배치하려니 복잡하더라구요 ㅎㅎ; 그래서 CSS를 살펴볼까 합니다!ꕥDisplay : 요소가 HTML 페이지에서 어떻게 배치될지를 정의한다.블록(block) : 항상 새로운 줄에서 시작하며, 가로 폭을 모두 차지한다. 위에서 아래로 배치된다. 기본적으로 너비와 높이 지정이 가능하다.Ex) , , 인라인(inline) : 한 줄에 이어서 배치되며, 콘텐츠 크기만큼의 폭을 차지한다. 화면이 꽉 차면 다음 줄로 넘어간다. 기본적으로 너비와 높이 지정이 불가능하다.Ex) , , (예외적으로 너비와 높이 지정 가능) 이외에, 화면상에 전개식으로 요소가 배치되는 것이 아닌, 여러..