아래 여러가지 실습을 하게 될텐데 개발자 도구를 참고하시면 GUI 기능으로 잘 정리가 되어 있으니 참고하시면서 개발하시길 바랍니다.
display 속성으로, 내부 자식 박스들의 배치에 영향을 미치는 내부 디스플레이 타입 중 하나입니다(참고).
컨텐츠를 정렬하거나 공간을 나눌 수 있는 CSS 속성의 집합입니다. MDN 문서와 1분코딩의 블로그, code pen에서 flex가 실행되는 화면을 바로 확인하실 수 있습니다.
flexbox의 기본 개념 - CSS: Cascading Style Sheets | MDN
아래 여러가지 실습을 하게 될텐데 개발자 도구를 참고하시면 GUI 기능으로 잘 정리가 되어 있으니 참고하시면서 개발하시길 바랍니다.
새로운 display 속성입니다.
display:flex;
display:inline-flex;
Block 레벨 요소의 성질을 가지며 주로 부모의 속성을 통해 자식들을 컨트롤 합니다. 이때 부모를 Flex-container, 영향을 받는 자식들을 Flex-item이라고 부릅니다.
flex는 자신의 직계자식까지만 영향을 미칩니다.