반응형이란 ? 웹 사이트가 다양한 디바이스와 화면 크기에 맞게 조정하는 것 반응형 확인하는 방법 웹사이트에서 F12 누르고 버튼 클릭 Responsive 로 되어 있을 때는 크기 조절하여 사이즈 확인하기 Responsive 누르면 기기별 사이즈 확인하여 사이트 확인하기 css 반응형 설정하기 1. html에 작성한 css link 파일 아래에 반응형 css link 파일 추가하기 반응형으로 작업한 파일이 우선순위에서 밀리면 반응형 적용이 안되기 때문에 아래에 작성!
(같은 태그에 같은 속성 작성시 아래쪽에 작성한 속성이 적용되는 것 때문) 2. @media 입력하고 변경하고 싶은 화면 사이즈를 ___ 안에 작성하기 max-width : 1000px 이라 입력한 경우 1000px 보다 작은 사이즈가 되었을 때...
![[css 15.] 반응형 웹사이트 만들기 (설정 방법, rem, iframe, video 비율)](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MDFfMTUy/MDAxNzE0NTcyMTE5MDA5.vU_6qYyVcjFdYLs4YD6o2w03LUhY1dqiJEbMicxIWgkg.3z3X0Da-MSeglLeCq5JBB_7qCZzldz3IqRx8TO8HAtog.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB-026.jpg?type=w2)
#
css반응형
#
반응형퍼센트
#
반응형제작
#
반응형웹사이트
#
반응형웹
#
반응형미디어
#
반응형video
#
반응형rem
#
반응형iframe
#
반응형
#
maxwidth
#
반응형홈페이지
![[공유] JQUERY 정리](https://mblogthumb-phinf.pstatic.net/MjAyNDAzMjRfOCAg/MDAxNzExMjE5NTY0MzUx.U_xTw2xroje3n5Te_JaXZ31AQxuB15h-lxXDXXoyYFMg.FGaq8TxSb86BTYd8Xbcx46_4UEhg5xgeSwRAX5dJzvEg.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4_-004.jpg?type=w2)
![[공유] notion 으로 10분만에 포트폴리오 사이트 제작하기 (+단축키)](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MTBfMTgz/MDAxNzEyNjc3NzM1MDE4.vA0_InQlDJeni-nGubGS7FANRfLvgyNFZyjwue6fILcg.Xc00TChWowWOBwMbn6S6HI0nd4bN19fBiUNGA2rFbU8g.JPEG/%C1%A6%B8%F1%C0%BB-%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB-003.jpg?type=w2)
![[html 7.] html에 form 작성하기 (input, select, form 관련 속성 설정)](https://mblogthumb-phinf.pstatic.net/MjAyNDA0MTZfMjM5/MDAxNzEzMjUwNjI0Mzk5.Dg-G12svWVmR8HXiRshSalea58nwBY5bv0g9N_1XmSsg.0czJAly-qrblDQQHI8BMUQoaep2Q5CIBSI0LheF6k2Ag.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB-011.jpg?type=w2)
![[jQuery 4.] jquery 효과(effects)](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MTVfMjY5/MDAxNzE1NzQyOTA1NTcw.Md9yVfjpLRdIzv2j5mcJSCHoks-U9dChDD5pCqh_iW8g.7SePsrTZarFCWCca5UEh5N9pWmppDJ82kRdNAlCdlewg.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB_%281%29-008.jpg?type=w2)
![[javascript 1.] 자바스크립트 html 파일 연결하기](https://mblogthumb-phinf.pstatic.net/MjAyNDA1MjRfNDIg/MDAxNzE2NTM3MDY0NTEy.nFlZNC_00kv_NIao6THw9pvRMbShdpXmRfJFW-Jt8vcg.lfyzdzr-LSjvptIyob0XP_SaPvVrnsPN6SYrHG3kNlsg.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB_%281%29-001.jpg?type=w2)
![[javascript 3.] 자바스크립트 입력/출력 방법](https://mblogthumb-phinf.pstatic.net/MjAyNDA2MDdfOTIg/MDAxNzE3NzI4MDA0NjUw.XbbiDZQq4Bu10uSGFEcHUL1krX7HMLJXIZExLqIaN9Eg.vihRrs90oSwfePXvlF0RJTdzG3hBiudjM3K2skHd6_4g.JPEG/%C1%A6%B8%F1%C0%BB_%C0%D4%B7%C2%C7%D8%C1%D6%BC%BC%BF%E4__%BA%B9%BB%E7%BA%BB_%281%29-003.jpg?type=w2)