조반짝의 도전일지

● 파비콘 링크하기 header 영역 html 마크업 h1 > a > em / strong 마크업 nav 마크업 (nav 두개 만들예정 , pc네비게이션, 모바일 네비게이션) css편집 #header .container .row 모바일 네비게이션 편집 #mNav 편집 .ham span 편집 .ham span 가상요소 만들기 #mNav display:none; 숨겨놓기 반응형 로고 만들기 .header .logo 편집 .nav (pc버전)편집 nav float 띄우기 > html > header에 clearfix 넣기 반응형 적용하기 media.css 만들기 max-width: 1290px .container max-width: 1024px .header .nav 숨겨주기 햄버거 메뉴 나오게하기 max-w..

웹표준 ▶ reset. css * { } = 전체 적용됨 .mt10 은 margin-top 10 자동으로 전체 들어감. !important → 우선순위로 적용이 됨 >> reset.css 를 미리 만들어 놓고 사용하면 편리함. reset.css 를 제일 첫번째로 링크해야함. 순서를 반드시 지켜야함! ●meta 태그 : 웹페이지에대한 설명 웹폰트 적용 반드시 웹폰트를 사용해야한다. link - html에 적용 import - css 에 적용 html 골격만들기 **컨테이너를 넣는 이유 똑같은 컨테이너를 반복해서 각 영역에 넣는 이유는 각 영역의 양쪽 부분을 따로 따로 사용하기 위해서!!! css 편집하기 각 태그의 영역을 잡아준다 html 에 .container 를 각 아이디에 넣어준다. css에서 .co..