조반짝의 도전일지

한줄코딩으로 단축키를 활용할 수 있다. 빨리 코딩 가능! - case1 div>ul>li*3 div>ul>li*3 a>img>span{바로가기} a>img>span{바로가기} 바로가기 - case2 #modal>.modal_up>.uptitle+.upbody+.btn{닫기} 닫기 반응형 확인 시 사이트에 반응형 크기로 보는것이 좋다. 웹접근성 연구소 (wah.or.kr) 웹접근성 연구소 www.wah.or.kr:444 웹표준사이트 참고할 때 좋음 웹퍼블리셔 css에서 활용한 요소 확인 가능 인포메이션에서 위치별 코드 확인 가능

swiper 접속 use swiper from CDN에 https:// 부터 복사 브라우저 새창 열고 복사한 주소를 붙여넣는다 전체선택 후 복사 swiper.css파일 새로 만들어서 복사한 것 붙여넣기 format Document 로 정렬 정리하기 java script도 가져오기 js 주소 복사하기 java script 파일 만들고 복사한 코드 붙여넣기 swiper.css 링크걸기 java script 링크걸기 swiper html 마크업 복사해서 .slider 안에 넣기 script swiper 복사해서 붙여넣기 닷메뉴 활성 clickable: ture, 글자 삭제 후 h3, p 태그에 문구 넣기 swiper demos 원하는 디자인을 선택 후 core를 클릭하면 코드가 나온다. script 부분 복사..

.column col6 편집 html 마크업 css 편집_col6-gallery h4 , btn 편집하기 hover 시 이미지 색상 변경 gallery_img 편집하기 이미지 width 100%로 하여 박스안에 비율 맞추기 이미지 li의 레이어 순서를 정해주기 위해 position: absolute 하고 z-index로 레이어 순서를 정해준다. 전체 메뉴 바로가기 배너 영역 바로가기 컨텐츠 영역 바로가기 로그인 가입 CONTACT US ENGLISH 하이미디어 구로캠퍼스 자바기반 풀스택 웹개발자3 icon1 icon2 icon3 icon4 전체메뉴 HTML5 html1 html2 html3 html4 html5 html6 html7 html8 html9 html10 CSS3 css1 css2 css3 c..

바탕 이미지 고정시키기 ● background-attachment: fixed >> 큰 이미지를 사용해야한다. 웹표준 MENU [토탈 네비게이션 만들기] meta 설명 넣어주기 >> 웹페이지의 상세설명 viewport가 있어야 반응형이 적용이 된다. html 골격만들기 [skip 네비게이션] 아이디 컨텐츠 안에 섹션으로 나눠서 창을 100%사용할 수 있도록 한다. #wrap > #header, #footer > .container >.header, .footer #wrap > #contets > .cont_nav , .cont_tit, .cont_ban, .cont_cont > .container > .tit , .ban, .cont css 편집하기 아이디 먼저 넣어주고 각 아이디 안에 자식 넣어준다. ..