새소식

css

CSS - hover를 이용한 기본형 드롭다운 메뉴

  • -

*hover 했을때 css기능을 넣으려면 hover의 주체와 그로인해 변하는 요소가 부모-자식 관계여야한다.

*ul li로 드롭다운 메뉴 만들어도 되지만 그렇게 되면 계층구조가 더 늘어나기 때문에 정교한 메뉴가 아니라면 바로 a태그로 넣어도 된다.

*css다 잡고 기능 넣기 보다는 기능부터 넣고 css 작업 하는게 더 용이함.

*width : inherit 기능을 잘 활용하여 width값을 부모/자식/자식...요소들에 하나씩 숫자로 넣지 않도록 하자.

 (나중에 크기 바꾸려면 하나씩 다 바꿔줘야 하니까 inherit를 이용하여 부모의 속성을 그대로 물려받게!)

Contents

포스팅 주소를 복사했습니다

이 글이 도움이 되었다면 공감 부탁드립니다.