🔥 오늘의 목표
- h+c+j 실전퍼블리싱 강의 진도 및 복습
📝 노트필기 및 정리
- 진도
1. :target 가상클래스를 사용하여 모달 만들기
이런 식으루다가...
a 앵커 만들어서 찾아가게 만드는 시스템과 동일하다.
요런식으로 만들면 이제 둘이 짝꿍이 된 것임.
(=href와 id를 동일하게 만들면)
CSS 파트
.modal에 :target 이 되면 {} 안의 내용을 실행할 것이다.
(그래서 target이 뭔데요?)
그리고 href와 id를 동일하게 만든 짝꿍을 실행시켜 주는 것이
target 가상클래스이다.
이렇게 target이라는 가상 클래스를 사용하면,
제이쿼리 없이 순수 css만으로도 모달을 만들 수 있다!!!
💭 느낀점
-
오늘 한 일은 무엇인가요?
순수 css 모달
-
중요한 것/기억해야 하는 것은 무엇인가요?
target 가상 클래스
-
내일 할 일은 무엇인가요?
그라디언트 텍스트
🦜🦜🚗🏍 🚲🌳🌈🎀