HTML 6일차

Berrypanda·2021년 8월 23일
0

HTML

목록 보기
6/8

2021.08.23

<오늘 배운 것>

  1. position
    1) static: 가장 기본 상태, 원래 있어야 할 자리에 요소가 그대로 위치
    2) relative: 원래 위치를 기준으로 설정해준 만큼 움직임, 원래 있던 자리에는 빈자리가 생긴다.
    3) fixed: 브라우저를 기준으로 설정해준 만큼 움직임, 스크롤해도 고정, 원래 있던 자리는 채워진다. (빈자리 X)
    4) Absolute: 가장 가까운 포지셔닝이 된 조상 기준으로 설정해준 만큼 움직임.
    **여기서 static을 제외한 3개의 경우를 "포지셔닝이 됨" 이라고 한다.
//사용 예시
p {
    position: relative;
    top: 30px;
    left: 30px;
}

<후기>

컴활 시험이 얼마 남지 않아 이번주 HTML 진도를 많이 못 나갈 것 같다. 다만 지금 듣고 있는 코스가 이틀 정도면 종료될 예정이라 종료 후에는 SQL이나 JS 둘 중 하나를 선택해서 들을 것 같다.

0개의 댓글