지지나

바로 앞 포스팅에서 포지션 중 absolute, relative에 대해 썼었는데 그 외의 포지션들과, absolute, relative position에 대해 더 자세히 알아보려고 한다. 왜냐하면 내가 아직 이해가 잘 안됨ㅋㅋㅋㅋㅋ 최대한 강의에서 배운 것은 노트필기한 것과 직접 해본 것으로 복습을 하려고 하는데 이 개념은 도무지 어렵기도 하고, 헷갈리기 쉬운 것이라 생활코딩의 인강을 틀었다! Position: html의 태그가 화면상의 어디에 위치할 것인가 결정하는 것이다. 1. Static vs. Relative 포지션에는 4가지 종류가 있는데 먼저 static과 relative에 대해 알아보도록 하자. 우선 기본적으로 이렇게 적용했고, 모든 div 태그에 보더 5픽셀과 마진 10픽셀을 주었다. 만약..

웹에서의 position은 4가지가 있다. Position 속성 1. Static - default (normal flow) 기본값 2. Absolute 3. Relative 4. Fixed - 스크롤해도 옆에 딱 붙어있는것 이번 포스팅에서는 absolute 절대적 좌표와 relative 상대적 좌표에 대해서 알아보도록 하자. Position: Absolute absolute의 기준: 0,0 (left, top) 부모를 기준으로 움직입니다. 우선 이렇게 기본적으로 셋팅을 해 놓았다. 항상 블록태그를 초기화 하는 것이 중요한 것은 지난번 포스팅에서 언급했었다. 목록태그에서도 왼쪽에 찍히는 점을 ul, li{list-style: none;} 을 이용해 제거해주었다. 그리고 이때 태그에 position:abs..