- background 속성 (repeat, size, position, attachment)
- 현재 스크롤 위치 값을 알려주는 window.scrollY를 이용하여 스크롤 시 메뉴 색상을 변경
- ul에 float: right를 적용하면 메뉴 순서가 거꾸로 바뀌지만 자식에 있는 li에 float: left를 주면 위치는 오른쪽 이지만 메뉴 순서는 변동 없음
- 미디어 쿼리를 사용하여 해상도별 메뉴바 변경
- checkbox를 이용하여 메뉴 버튼 생성 및 드롭다운 메뉴 구성
- 체크시 높이값을 조정하는 자바스크립트 삽입
git 기초 명령어를 사용하여 github에 push
- 이미지 사이즈 화면에 따른 크기 조정
- 페이지 내 다른 컨텐츠로 이동하는 버튼 삽입 -a 태그 사용시 주소창에 #id값이 남아서 자바스크립트를 사용하여 스크롤 위치값을 구한 뒤 href에 자바스크립트 삽입
- 창 크기가 1024 이상일때만 스크롤시 메뉴색 변경되게 수정
- 스크롤시 메뉴 하단 그림자 추가
- 부모요소에 text-align : center와 display : inline-block을 부여하고 자식에 float:left를 주면 한줄로 가운데 정렬이 됨
- text-shadow를 사용하여 글자 외곽선 추가
- hr태그 두께 조절시 border 값을 0으로 하고 height값으로 두깨 조정
- 외출
- 같은 레벨은 hover 안먹힘
- fontawesome으로 웹 폰트 아이콘 사용