처음부터 작업할 필요 없다.
index.html 내용 복사, 필요없는 부분 삭제
- navigation bar (하단)
nav안에 ul, li 로 정렬. li가 a (링크)를 가짐. 구글에서 nav 찾아서 링크 검색되도록 설정됨. - nav>ul>li*4>a 로 유효한 html 작성 가능(vsc), #과 tab으로 커서 이동하여 작성
- 점 3개는 ellipsis라고 한다
- 네비게이션 바 하단에 고정하기
position: fixed
bottom: 0
width:100% >> 스크린의 100%를 차지
box-sizing: border-box
- box-sizing: border-box;
padding 값을 줘도 box 사이즈(width 값)에 영향을 주지 말라는 속성 값. >> box 사이즈가 변경되지 않는다.
** colorzilla 크롬 확장프로그램으로 웹페이지 컬러 가져오기
- 정렬 시 많이 쓰이는 부분
display: flex;
justify-content: center;
align-items: center;
shortcut: .클래스명*2
> chevron으로 검색
div 지옥 조심하기
