2021.08.23
<오늘 배운 것>
- position
1) static: 가장 기본 상태, 원래 있어야 할 자리에 요소가 그대로 위치
2) relative: 원래 위치를 기준으로 설정해준 만큼 움직임, 원래 있던 자리에는 빈자리가 생긴다.
3) fixed: 브라우저를 기준으로 설정해준 만큼 움직임, 스크롤해도 고정, 원래 있던 자리는 채워진다. (빈자리 X)
4) Absolute: 가장 가까운 포지셔닝이 된 조상 기준으로 설정해준 만큼 움직임.
**여기서 static을 제외한 3개의 경우를 "포지셔닝이 됨" 이라고 한다.
//사용 예시
p {
position: relative;
top: 30px;
left: 30px;
}
<후기>
컴활 시험이 얼마 남지 않아 이번주 HTML 진도를 많이 못 나갈 것 같다. 다만 지금 듣고 있는 코스가 이틀 정도면 종료될 예정이라 종료 후에는 SQL이나 JS 둘 중 하나를 선택해서 들을 것 같다.