조반짝의 도전일지

탭메뉴 html 마크업 #movie css 편집 위아래 여백 100px 떨어뜨리기 movie 탭 li 편집 반응형 적용하기 media.css 편집 movie_title 사이즈 편집 화면크기 960px 화면크기 768px ir_su 살리기 reset.css 에서 ir_su 코드 가져오기 밑에 선 가상요소로 넣기 ::before로 넣어준다. active 가상요소 만들기 화면크기600px .row의 가상요소 만들기 탭메뉴 jquery script 영화포스터 만들기 swiper 링크 걸기 css, js 링크 html layout 복사해서 붙여넣기 swiper-slide 각 div 안에 이미지 넣기 .movie_chart1 css 편집 css setting .swiper-slide image 편집 reset.cs..

html 마크업 #contents css편집 한 페이지당 h2가 들어가도록 편집 h2 그라디이션으로 배경 넣기 #nav 편집 nav z-index : 100; cursor : 1000; 지정한다. h1 편집 .menu 편집 @charset "utf-8"; *{ padding: 0; margin: 0; box-sizing: border-box; color: #222; } li{ list-style: none; } a{ text-decoration: none; color: #222; } .clearfix::before, .clearfix::after{ content: ""; display: block; clear: both; } #contents{ text-align: center; height: 100vh..

html 마크업 css 편집_contents css 편집_nav ●.each: 선택한 요소가 여러개일 때 반복적으로 함수를 실행해주는 메서드 header 높이값 if문을 이용하여 nav 액션주기 처음에는 nav가 밑에 있고 스크롤을 내리면 nav가 위로 올라가는 액션이다. this 는 nav 이다. JHH's Website menu1 menu2 menu3 menu4 menu5 menu6 열심히 합시다. 졸지 마시고 자십시오 무슨 일 이든 안되면 반복하세요 오늘 비가 너무 많이 오네요 평양냉면 먹고싶다. 돈 많은 백수가 됐으면 좋겠다. @charset "utf-8"; *{ padding: 0; margin: 0; box-sizing: border-box; color: #222; } li{ list-styl..

html 골격만들기 css 로 박스 편집 자바스크립트로 박스 스타일 편집하기 박스 변수 지정해주기 style 편집해주기 배경색 변경 border 편집 transform 여백적용 id.style.명령어 = 로 스타일을 편집할 수 있다. 카멜표기법 : 두번째 단어에 대문자를 넣어주는 표기법 ex) fontSize, textAlign

html 기본 골격 ● console.log - 결과값이 잘 나왔는지 확인하는 용도 ● 주석: // h1 에 들어간 값은 웹페이지에 직접영향을 주지만, console 은 확인만 가능하다. 자바스크립트에서 변수지정해주기 console.log(title); 로 결과값 확인

html 골격만들기 ul에 class="list" li에 class="list_img" 클래스 지정해주기 css 스타일 넣어주기 - 제이쿼리 스니펫 body에 붙여넣기 - 변수- 이름지정해주기 // 배너 이미지슬라이드 const banner = $(".banner"); const list = $(".banner > .list"); const listImg = $(".banner > .list > .list_img") // setInterval(function(){},3000); // 3초마다 function(){}를 불러와서 실행시키라는 명령어 -애니메이션 넣어주기 // setInterval(function(){},3000); // 3초마다 function(){}를 불러와서 실행시키라는 명령어 setIn..

html에 body 셋팅해주기 container 안에 div, section, article 상관없이 넣어주어도 된다. *** 아이디와 클래스를 반드시 구분해서 넣어줘야한다. 기본 레이아웃 만들어주기 탭메뉴 영역 골격 만들어주기 active 클래스 넣어주기 css 영역 클래스 구분해주기 탭박스 만들어주기 active 영역 배경색 변경해주기 탭박스 flot을 띄워주어 옆으로 나란히 보내기 float 띄워 줄 시 clearfix를 넣어줘야하지만 부모(ul)에 overflow:hidden 을 대신 넣어줘도 된다. div 부분 안 쪽 여백 밑 줄간격 border-top으로 박스 밑에 선 넣어주기 자바스크립트 스니펫 가져와서 html에 붙여넣기 변수지정 긴 이름을 짧게 지정해주기 console.log(index)..