페이지 레이아웃 및 웹 앱 화면 설계하기
·
TIL
페이지 레이아웃 ✔ 개요 다양한 CSS 셀렉터 규칙을 이해할 수 있다. 레이아웃을 위한 HTML을 만들 수 있다. 다음의 속성들에 대한 이해를 바탕으로 Flexbox를 이용해 레이아웃을 만들 수 있다. 방향: flex-direction 얼마나 늘릴 것인가?: flex-grow 얼마만큼의 크기를 갖는가?: flex-basis 수평 정렬: justify-content 수직 정렬: align-items 레이아웃을 위한 HTML을 만들 수 있다. HTML 구성하기 수직분할 : 화면을 수직으로 구분하여, 콘텐츠가 가로로 배치될 수 있도록 요소를 배치합니다. 수평분할 : 분할된 각각의 요소를 수평으로 구분하여, 내부 콘텐츠가 세로로 배치될 수 있도록 요소를 배치합니다. 수평으로 구분된 요소에 height 속성을 추..