오늘은 고정형 웹카페의 메인, 슬로건, 푸터 부분을 마무리해 사이트를 완성시켰다.
다른날과 마찬가지로 각 요소들에 대해 어떻게 마크업 해야할 지 고민해봤고 또 float, flex, position등을 활용해 같은 레이아웃이라도 다르게 구성해보는 연습을 했다.
오늘 새로 배우게 된 부분들도 많았는데 다음과 같다.
- IR기법
- 이미지 스프라이트 기법
- 기본적으로 키보드 포커스가 가지 않는 요소에
tabindex속성을 추가해 focus를 받게 할 수 있음ol요소의 list-style을 변경하는법(기본적으로 agent style이 존재하기 때문에 커스텀하고 싶다면 list-style을 none으로 설정후 가상선택자를 이용해 추가해주어야함)- CSS 선택자의 우선순위 - 점수 매기기
- 목차형의 순번을 붙일때 CSS counter를 사용하는 법
매일마다 많은 내용을 배우다 보니 머리에 다 남기기가 쉽지 않은 것 같다. 꾸준히 정리하면서 다시 복습해야겠다.
개발자를 꿈꾸며 공부중입니다.