목록2023/12/27 (1)
사이먼's 코딩노트
[HTML & CSS] G마켓 1차 탑바 제작
[G마켓 1차 탑바 제작] 디자인 삼성 2차 메뉴까지 완성해 봤다면 이번엔 G마켓 홈페이지 구현을 해보자. G마켓 홈페이지는 1차 탑바, 2차 메뉴, 3차 메뉴까지 총 3단계로 나눠서 구현할 예정입니다. 완성된 G마켓 홈페이지 디자인은 아래 그림과 같다. 우리가 만들어야할 첫번째 목표는 상단의 1차 탑바이다. [구조 잡기] 1차 탑바의 구조를 잡기 위해서 전체 틀을 top-bar-section이라는 클래스로 지정한다. 전체 틀인 top-bar-section 안에는 1차 메뉴를 의미하는 g-market-1이라는 클래스를 지정한다. top-bar-section과 g-market-1은 해상도를 따라 움직이는 body의 자식이기 때문에 따로 너비 높이에 대한 고정 px를 지정하지 않고 구조 틀을 눈으로 볼수있는..
HTML & CSS
2023. 12. 27. 10:57