목록2023/12/19 (1)
사이먼's 코딩노트
[HTML & CSS] 디자인삼성 2차메뉴 제작(1)
[디자인삼성 2차 메뉴 제작] 디자인삼성 1차 탑바 제작에 이어 2차 메뉴를 제작해보자. 2차 메뉴는 목적은 1차 탑바의 메뉴의 nav태그에 마우스를 올려놓았을 때 2차 메뉴가 나올 수 있도록 하는 것이다. nav태그에 마우스를 올려놓는다는 점에 초점을 두고 하나씩 풀어보자. [2차 메뉴 구조 잡기] 목적을 다시 한번 살펴보면 'nav태그에 마우스를 올려놓는다' 는 말은 nav태그에 hover를 적용했을 때 2차 메뉴가 보이도록 하자는 뜻이라고 생각하면 된다. 그렇다면 기존에 잡았던 top-bar-section와 별개(인접동생 엘리먼트)로 태그를 생성하면 hover를 적용할 방법이 없다. 따라서 새로 만들 2차메뉴의 가장 큰 틀의 클래스를 second-menu-bar라고 칭했을 때 해당 태그가 들어가야 ..
HTML & CSS
2023. 12. 19. 10:45