프론트엔드 스터디

기본세팅 로그인 > your kits > views > Copy Kit Code! > html에 붙여넣기 아이콘찾기 icons > view All 19,287 Icons > Free 체크 > 원하는 아이콘 태그 복사

안에 스크립트 넣고 싶은경우 1)document.ready 사용 script $(document).ready(fucntion(){ }); 2)defer 사용 script

1)inline-block 사이에 enter를 안치고 붙이기 2)부모요소에 font-size:0 주기

태그 안에 삽입

1.position:absolute 해제 position:statice;으로 수정 2.hover효과 제거 1)point-events:none; (비활성화) 2)point-events:auto; (활성화) 3)point-events:inherit; (부모값 상속)

1.기본세팅 메타태그 설정 반응형 전용 css파일 생성 (responsive.css) 미디어쿼리 설정 1.모바일 버전 (320px*768px) @media screen and (max-width:768px){ } >width(가로)가 최대 사이즈 768px 에 대한 설정 작업은 320px기준(최소 사이즈)으로 작업 2.태블릿 버전(769px*1200px) @media screen and (max-width:1200px){ } *주의사항 -respoinsive.css(반응형 세팅 css)파일은 html파일 에서 제일 하단에 위치시켜주어야 한다. -반응형 css는 태블릿 버전(max-width:1200px)이 모바일 버전(max-width:768px)보다 위에 위치하여야 한다.