css flexbox모델

오늘은 css를 공부하면서 가장 큰 어려움을 겪었던 flexbox를 공부했다. 사실 공부라기 보다는 필요할 때마다 구글링을 해서 찾아보며 하나하나 실패를 거듭해가며 써왔지만 이렇게 개념부터 차근차근 공부해간건 오늘이 처음인거 같긴 하다. 그래서 더 열심히 공부하고 학습한 부분이기도 하다. Flexbox로 레이아웃을 구성한다는 것은 박스를 유연하게 늘리거나 줄여 레이아웃을 잡는 방법이다. 사용 방법은 display: flex 를 선언해주면 된다. 여기서 중요한 점이 있는데 이 속성은 부모 박스 요소에 적용해, 자식 박스의 방향과 크기를 결정한다는 점이다. 아래의 코드에서는 부모요소는 이고 자식요소는 3개의 이다. box1 box2 box3 각 요소들을 구분하기 위해 아래의 CSS를 적용해 볼 것이다. ma..
배만춘
'css flexbox모델' 태그의 글 목록