2025-4-23 26일차

심서진·2025년 4월 23일

수업 정리


z-index

= 상대값

  • 다른 요소보다 높으면 일단 올라온다
    다른 요소랑 같으면 원래의 순서를 따져가며 올라온다
  • ex) 이 화면에 있는 버튼 하나가 자꾸 다른 거 밑으로 내려가는데 이 버튼은 위에 올라와 있어야 해
    다른 거에 가려지면 안돼
    인라인 CSS를 사용해서 z-index:9999

메뉴 문제풀이

문제 - 메뉴를 구현해주세요.(1차 메뉴까지만, width, height 사용금지)

  • section - 메뉴박스(nav)
    nav - 1차 메뉴(ul)
    div - 1차 메뉴 아이템(li)
    a - 1차 메뉴 아이템 텍스트

문제 - 모든 엘리먼트의 태그를 div로 바꿔주세요.

  • 가장 바깥쪽에 있는 메뉴박스 역할에만 클래스를 부여
  • 가장 바깥쪽에 있는 메뉴박스 역할에만 id를 부여
  • 클래스명 부여
    누구한테 ? 각각의 배우들에게
  • body
    우리의 출발은 body로부터 시작

0개의 댓글