모바일 웹 앱 질문 드립니다!!

감사합니다~! 위에 폴더구조를 보니 로딩화면은 따로 html을 만들었는데 html 파일을 로딩화면으로 어떻게 사용하는건가요?

jquery부분에서 $('.faq-desc').eq(0).show()가 적용되지 않습니다..

저도 같은 현상이 생겨서 선생님 코드를 제 실습 파일에 적용해도 똑같이 안되라구요.. 결국 해결은 했습니다. custom.js 파일을 style.css 파일보다 밑에 링크하니까 해결됐습니다.. 이유는 모르겠습니다ㅠㅠ

오지랖입니다만,

$('.trigger, .gnb').removeClass('active') 요렇게 한줄로도 적을 수 있습니당^^

css자손선택자 vs 자식선택자, 부모요소 vs 자식요소

1. 안녕하세용 첫번째 이미지에선 .box 밑에 있는 div 와 그 안에 있는 div 에 '둘 다' padding 이 들어간게 맞습니다. div안에 컨텐츠를 넣어보시면 border 와 컨텐츠 사이에 공간이 생긴게 보이실 껍니다. 123123 123123 2. 두번째 이미지에선 .box 자손요소인 div 안에는 padding 이 안들어간게 맞습니다. 첫번째와 마찬가지로 div 안에 텍스트 입력해보시고 padding 따로 줘보시면 아실꺼에용

B타입 레이아웃에서 슬라이드 위치가..

.container {} .header-inner { background-color: #ddd; } header { width: 1200px; margin: auto; height: 100px; } header > div { height: 100px; } .header-logo { width: 200px; float: left; border: 1px solid black; } .nav { width: 600px; float: right; } .menu a { text-decoration: none; color: black; } .menu { list-style: none; padding: 0; text-align: center; margin-top: 30px; } .menu li { float: left; width: 25%; box-sizing: border-box; } .menu li > a { border: 1px solid black; display: block; padding: 5px; transition: 0.5s; } .menu li:hover > a { background-color: #000; color: #fff; } .sub-menu { border: 1px solid black; background-color: #fff; display: none; } .sub-menu a { display: block; padding: 5px; transition: 0.5s; } .sub-menu a:hover { background-color: #000; color: #fff; } .content-inner {} .slide { width: 1200px; margin: auto; height: 300px; position: relative; overflow: hidden; } .slide div { border: 1px solid black; width: 3600px; font-size: 0; position: absolute; top: 0; left: 0; animation-name: slide; animation-duration: 10s; animation-timing-function: linear; animation-iteration-count: infinite; } @keyframes slide { 0% { left: 0; } 30% { left: 0; } 35% { left: -1200px; } 65% { left: -1200px; } 70% { left: -2400px; } 95% { left: -2400px; } 100% { left: 0; } } .items { width: 1200px; margin: auto; overflow: hidden; } .items > div { border: 1px solid black; height: 200px; width: 400px; float: left; box-sizing: border-box; } .footer-inner { background-color: #ddd; } footer { width: 1200px; margin: auto; overflow: hidden; } footer > div { border: 1px solid black; height: 100px; float: left; box-sizing: border-box; } .footer-logo { width: 200px; } .copyright { width: 1000px; } .copyright div { border: 1px solid black; height: 50px; }

B타입 레이아웃에서 슬라이드 위치가..

Document MENU-1 submenu-1 submenu-2 submenu-3 submenu-4 MENU-2 submenu-1 submenu-2 submenu-3 submenu-4 MENU-3 submenu-1 submenu-2 submenu-3 submenu-4 MENU-4 submenu-1 submenu-2 submenu-3 submenu-4 (사진) (사진) (사진)