노마드 코더

코코아 클론 챌린지 14일, 15일차

gogi masidda 2022. 6. 20. 14:39

배울 점, 기억할 점

text-decoration: none;  하이퍼링크의 밑줄이 사라진다. 
color: inherit; 부모의 색을 가져옴.

nav 태그는 다른 페이지 또는 현재 페이지의 다른 부분과 연결되는 네이게이션 링크들의 집합을 정의할 때 사용. ul과 li 사용.

text-transform: uppercase; 대문자로 만들기.

space-between은 글자 수에 따라 배열이 중앙 정렬이 안될 수도 있음. margin의 방향을 고려해서 margin-left:auto; 와 margin-right: auto; 를 사용하면 글자 수와 무관하게 중앙 정렬이 됨.

이전 html 페이지로 연결되게 하려면 href 값으로 "javascript:history.back();" 을 주면 된다.

position: sticky is good! but internet explorer에서는 지원 안됨.

z-index는 여러 개의 엘리먼트가 위치가 겹쳐있는 상태일 때, 맨 앞에서부터 몇 번째 위치해있는지. 

 

 

 

 

 

드디어 코코아 챌린지 마지막 과제를 제출했다.. 

원래 CSS를 겉핥기 식으로 배워서 다른 챌린지 최종 과제를 낼 때는 아쉬움이 컸는데 이제는 맘에 드는 과제를 제출 할 수 있을 것 같다. 

 

작은 화면으로 보셔야합니다!

https://choidongjoon.github.io/Kokoa-clone-finalhw/

728x90