css 문서에서 위치를 지정하고 수정하는 데에 가장 중요한 속성인 display, position, float에 대해 설명하겠습니다.: block 해당 요소를 block 요소로 만든다. (줄바꿈 됨): inline 해당 요소를 inline 요소로 만든다. (줄바꿈 안됨
display 속성 : inline과 block의 차이 : inline 일부분만 선택해서 지정한다. 해당 요소가 차지하는 부분만 차지한다. 줄 속에 끼워 넣는 요소라 줄바꿈 안됨 ex) span, b, a, img 태그 : block 넓은
text-align block 요소 안에 있는 inline 요소를 정렬한다. text뿐만 아니라 image 등도 정렬 가능하며, 상속된다. : left 왼쪽으로 정렬한다. : right 오른쪽으로 정렬한다. : center 가운데 정렬한다. : just
flex-direction flex container 내의 아이템을 배치할 때 사용할 주축을 지정합니다. : row 기본값으로 아이템이 가로 방향으로 흐른다. 왼쪽부터 시작하는 가로축 (좌 -> 우) : row-reverse 아이템이 가로 방향으로 흐른다. 오른쪽부터 시작하는 가로축 (우 -> 좌) : column 아이템이 세로 방향으로 흐른다...