Display
-
[CSS] position, display, visibilty, shadowVScode/CSS 2022. 9. 8. 16:41
position 1. position: 웹 문서 안의 요소들을 자유자재로 배치해주는 속성(양/음수 모두 사용가능) -HTML 태그의 위치 설정 방법을 변경할 때 사용 -상대적 위치 좌표 사용시 키워드 1) static: 요소를 문서의 흐름에 맞추어 배치(top/right/bottom/left 이용 배치 변경 불가). float 속성을 이용해 좌우로 배치 가능 2) relative: 현재 위치를 기준으로 위치 지정. 자연스럽게 연결해 배치. (top/right/bottom/left)를 사용해 위치를 지정할 수 있음 -절대적 위치 좌표 사용시 키워드 1) absolute: body 또는 컨테이닝 박스를 기준으로 위치를 지정할 수 있음. 원하는 위치를 정해 배치. 요소를 감싸는 태그(컨테이닝 박스)를 만들고 ..