웹4 수업페이지

 

💎1일차    스와이퍼 페이지 넘김 버튼 커스텀하기

📘코드펜: 커스텀 1단계(버튼 구조 밖으로 빼기)

                              2단계(relative설정 후 버튼 위치 조정)

                              3단계(버튼 좌우 여백 설정)

                              4단계(버튼 디자인 새롭게 하기, 버튼 반절 걸치기)

 

📗숙제: 팝업 복습

 

 


 

 

💎2일차    스와이프 페이지네이션 커스텀하기

📘코드펜: 커스텀 1단계

                             2단계

 

 


 

 

💎3일차    반응형 사이트

📘코드펜:  반응형 이미지

                   최소 높이 고정된 반응형 이미지

                   미디어 쿼리

                   max-width 주의사항

 

 

📗숙제: 아코디언 복습

 

 

 

 

'' 카테고리의 다른 글

웹5 수업페이지  (0) 2024.08.09
깃허브 연동하기  (0) 2024.07.18
웹4 3일차  (0) 2024.06.14
웹4 2일차  (0) 2024.06.12
웹4 1일차  (0) 2024.06.11