fullstack-study

# position position 속성 - position 속성의 속성값: static, fixed, relative, absolute - 텍스트 이미지 표 등의 요소를 웹 문서에 배치할 때 사용 속성값의 특징을 확인하는 조건 - 부모 자식 간에 발생하는 마진 병합 현상 유무 - top, right, bottom, left 속성 적용 유무 - 부모가 높이를 갖고 있지 않을 때 자식의 높이가 부모의 높이에 영향을 주는지 유무 구분 속성 설명 정적 위치 설정 position:static 각종 요소를 웹 문서의 흐름에 따라 배치 상대 위치 설정 position:reletive 웹문서의 정상적인 위치에서 상대적으로 얼마나 떨어져 있는지 표시하여 배치 절대 위치 설정 position:absolute 전체 페이지..

# flex flexbox는 행과 열 형태로 항목 무리를 배치하는 일차원 레이아웃 메서드입니다. 항목은 부족한 공간에 맞추기 위해 축소되거나 여분의 공간을 채우기 위해 변형된다. 이 문서는 근간이 되는 내용 전체를 설명합니다. flex-box 바로가기 flex 연습 사이트 바로가기 Flexbox 레이아웃은 flex item의 복수의 자식 요소와 이들을 포함하는 flex-container 부모 요소로 구성 주 축(main-axis) : 기준축 / 교차 축(cross-axis) : 교차축 # Flex Container 속성 설명 display Flex Container를 정의 flex-flow flex-direction와 flex-wrap의 단축 속성 flex-direction Flex Items의 주축를 ..