CSS state
-
CSS states이거 공부 했더니 어때?/HTML & CSS & JS 2020. 10. 30. 02:55
이번시간에는 아주 간단하고 단순한 CSS states에 대해 연습해 보도록 하겠습니다. 제일 먼저 박스를 만들고, style에서 배경색을 빨간색으로 설정해주고, 박스에 lalala를 입력해 보겠습니다. div태그를 지우고, span태그로 고친 다음, 사이즈는 40px으로 설정하겠습니다. 여기서 마우스 우클릭으로 검사로 들어가보면 .hov에서 state를 살펴볼 수 있습니다. 위와 같이 active, hover, foxus, visited, focus-within과 같은 state가 있습니다. 지금부터 대표적인 CSS state인 hover, active, focus state에 대해 알아보도록 하겠습니다. 먼저 .box:hover{background-color: pink;}라고 작성하여, hover st..