crewd / portfolio Goto Github PK

1. background 속성 (repeat, size, position, attachment)
2. 현재 스크롤 위치 값을 알려주는 window.scrollY를 이용하여 스크롤 시 메뉴 색상을 변경
3. ul에 float: right를 적용하면 메뉴 순서가 거꾸로 바뀌지만 자식에 있는 li에 float: left를 주면 위치는 오른쪽 이지만 메뉴 순서는 변동 없음

1. 미디어 쿼리를 사용하여 해상도별 메뉴바 변경
2. checkbox를 이용하여 메뉴 버튼 생성 및 드롭다운 메뉴 구성

• 체크시 높이값을 조정하는 자바스크립트 삽입

git 기초 명령어를 사용하여 github에 push

1. 이미지 사이즈 화면에 따른 크기 조정
2. 페이지 내 다른 컨텐츠로 이동하는 버튼 삽입 -a 태그 사용시 주소창에 #id값이 남아서 자바스크립트를 사용하여 스크롤 위치값을 구한 뒤 href에 자바스크립트 삽입
3. 창 크기가 1024 이상일때만 스크롤시 메뉴색 변경되게 수정

1. 스크롤시 메뉴 하단 그림자 추가
2. 부모요소에 text-align : center와 display : inline-block을 부여하고 자식에 float:left를 주면 한줄로 가운데 정렬이 됨
3. text-shadow를 사용하여 글자 외곽선 추가
4. hr태그 두께 조절시 border 값을 0으로 하고 height값으로 두깨 조정

1. 외출

1. 같은 레벨은 hover 안먹힘
2. fontawesome으로 웹 폰트 아이콘 사용