조반짝의 도전일지

01 헤더 사이드로 보내기 #header, #banner, #contents, #footer 에 float: left;를 넣어 주면 헤더가 사이드에 오게 된다. html 메뉴1 서브메뉴1 서브메뉴1 서브메뉴1 서브메뉴1 메뉴2 서브메뉴2 서브메뉴2 서브메뉴2 서브메뉴2 메뉴3 서브메뉴3 서브메뉴3 서브메뉴3 서브메뉴3 메뉴4 서브메뉴4 서브메뉴4 서브메뉴4 서브메뉴4 배너영역 컨텐츠영역 푸터영역 @charset "utf-8"; /*reset*/ *{ margin: 0; padding: 0; box-sizing: border-box; } li{ list-style: none; } a{ color: #333; text-decoration: none; } img{ display: block; } .clearf..

비주얼 스튜디오 코드 > new file > 파일 이름: style.css 새파일 생성 > @charset "utf-8" (셋팅을 한국어로 만들어준다 index.html 파일에서 head에 style.css 링크 달아서 외부에서 불러오기 ul>li").mouseover(function(){ }); this는 한줄씩 서브메뉴가 나옴 ".nav>ul>li 은 전체 서브메뉴가 보여짐 **배너에 이미지가 들어갈 시에 서브메뉴가 안나오기 때문에 position을 .header .nav ul li를 기준점으로 relative를 넣어주고 .header .nav ul li ul.submenu li에 absolute를 넣어줌 contents 공지사항만들기 contents > notice 공지사항부분 ^ 공지사항 줄간격 ..