Euge.study( );
[CSS3] position
CSS 2023. 1. 10. 20:13

position 문서 상에 요소를 배치하는 방법을 지정. position : static; 요소를 일반적인 문서의 흐름에 따라 배치하는 것, 기본값. position : relative; 요소를 일반적인 문서 흐름에 따라 배치하고, 자기 자신을 기준으로 top, right, bottom, left의 값에 따라 오프셋을 적용. 오프셋은 다른 요소에는 영향을 주지않음. position : absolute; 요소를 일반적인 문서 흐름에서 제거하고 페이지 레이아웃에 공가도 배정하지 않음, 가장자까운 위치 지정 조상요소에 대해 상대적으로 배치.(조상중 위치지정요소가 없다면 초기 컨테이닝블록을 기준으로 삼음) 최종 위치는 top, right, bottom, left 값이 지정. position : fixed; 요소..

article thumbnail
[CSS3]float, flex
CSS 2023. 1. 10. 00:20

float : CSS 속성(property) float 은 한 요소(element)가 보통 흐름(normal flow)으로부터 빠져 텍스트 및 인라인(inline) 요소가 그 주위를 감싸는 자기 컨테이너의 좌우측을 따라 배치되어야 함을 지정 /* 키워드 값 */ float: left; float: right; float: none; float: inline-start; float: inline-end; /* 전역 값 */ float: inherit; float: initial; float: unset; left :블록의 좌측 right : 블록의 우측 none : 부동하지 않아야 함 inline-start : 블록의 시작쪽에 부동해야 함. ltr(left to right) 스크립트 상에서 왼쪽 그리고 r..