CSS position, z-index, overflow 요약 정리
CSS position, z-index, overflow 요약 정리를 해보겠습니다. position은 원래 태그가 가진 위치값을 자기 자신이나 부모, 뷰포트 등을 기준으로 요소를 배치할 수 있게 합니다. 또한 z-index로 깊이를 달리할 수 있고, overflow로 넘치는 내용물을 자를 수 있습니다. 평면에서의 배치, 깊이로서의 배치, 넘치는 내용 잘라내기라고 이해하시면 쉽습니다. position position 명령으로는 static, relative, absolute, fixed를 할 수 있습니다. div{ position : absolute; left : 0px; top : 0px; } 이런 식으로 left, right, top, bottom 위치를 지정할 수 있습니다. static : 원래 요소..
2022. 7. 22.
블록, 인라인, 인라인 블록 성질과 정렬 방법
블록, 인라인, 인라인 블록 엘리먼트의 성질과 정렬 방법에 대해 에 대해 알아보겠습니다. block, inline, inline-block은 HTML을 구성하는 태그들의 가장 기초적인 성질라고 보시면 되겠습니다. 블록, 인라인, 인라인 블록은 태그마다 기본적으로 가지고 있는 성질이기도 하고, display명령을 통해 임의로 바꿀 수도 있습니다. 이것들을 알아야하는 가장 큰 이유는 CSS 정렬일 것 입니다. 태그를 원하는 크기와 정렬로 설정하기 위해, 태그의 display 속성이 어떤지 알아봅시다. 블록 엘리먼트 , , , , , 등의 태그가 해당됩니다. 블록 엘리먼트의 특징은 다음과 같습니다. 메모리에 행단위로 저장됩니다. 기본적으로 너비가 100%로 생성되어, 자동으로 줄바꿈이 됩니다. 자주 쓰는 HT..
2022. 7. 18.