코딩하는라민

제이쿼리 라이브러리 다운로드 및 사용하기 1. 제이쿼리 라이브러리 다운로드해서 넣기 Download jQuery | jQuery link Downloading jQuery Compressed and uncompressed copies of jQuery files are available. The uncompressed file is best used during development or debugging; the compressed file saves bandwidth and improves performance in production. You can also download jquery.com - head 태그 안 title 태그 아래 또는 body 태그 바로 위 에 넣기 2. 제이쿼리 CDN 넣기

퀵메뉴 만들기 margin 을 이용한 퀵메뉴 만들기 Home Blog Contact #quickmenu{ width: 100px; position: fixed; right: 0; top: 50%; transform: translateY(-50%); } #quickmenu a{ width: 150%; height: 20px; line-height: 20px; margin-bottom: 5px; padding: 15px; transform: 1s; display: block; font-weight: bold; } #quickmenu li:hover{ margin-left: -50%; } #quickmenu li:first-child{ background-color: pink; } #quickmenu li:n..

Box 정 가운데 정렬하기 1. position - 요소들을 배치하는 속성 - top, left, bottom, right 으로 위치 지정 가능 - relative : 자신을 기준으로 위치 지정, 다른 요소에 영향을 주지 않고 자신만 움직임. - absolute : relative 된 부모 속성을 기준으로 위치 지정 - fixed : 위치 고정, 헤더를 고정할 경우 헤더 바로 아래 요소를 헤더 높이만큼 마진으로 아래로 이동시켜줘야 겹치는 부분이 생기지 않음 - static : 기본값, 지정해준 position 속성값을 초기화 시켜줌 .wrap{ width: 200px; height: 200px; border: 1px solid black; position: relative; } .wrap{ width: ..