HTML , CSS
[HTML/CSS] list menu
(งᐛ)ว
2023. 10. 5. 22:02
728x90
list menu
display : block; /* 글자수가 다르기때문에 영역을 통일하기 위해 블록요소로 만든다 */
앞서 display는 인라인요소를 블럭요소로 변경하기 위해 사용하는 것으로 배웠는데 이와 같이 글자 수가 다른 영역의 통일성을 위해 쓸 수도 있다.
:hover /* hover->마우스가 올라왔을때 일종의 이벤트처리 */
콜론(:)이 붙으면 가상클래스로, hover는 마우스를 올릴때 처리할 효과를 위해 쓴다.
가상클래스 관련 추가내용 참고
[HTML/CSS] virtual class
virtual class 가상클래스는 특정상황을 구별해주는 키워드로 콜론(:)을 쓴다. 앞서 마우스를 올렸을 때 발생하는 효과를 :hover로 사용했던 점 참고. :nth-child(조건) -> 특정순서를 조건에 맞게 변경할
studywithjw.tistory.com
결과
:hover /* hover->마우스가 올라왔을때 일종의 이벤트처리 */
hover는 마우스를 올릴때 처리할 효과를 위해 쓴다.
:active /* active->마우스를 클릭했을때 일종의 이벤트처리 */
active는 마우스를 클릭했을때 처리할 효과를 위해 쓴다.
hover와 active는 순서대로 작성해야 정상적으로 작동하는 점 주의
728x90