2020.10.18 TIL

z-index는 포토샵의 layer 라고 생각하면 된다. 만약, 서로의 엘리먼트의 요소가 겹칠 경우, 어떤 엘리먼트를 맨 위로 표현할 것인지를 z-index를 통해 지정해주면 된다. 숫자가 낮을 수록 최 상단에 노출된다. 0이 제일 위로 올라오며, 숫자가 커질수록 밑에 깔려 표현된다.

order는 flex된 children 요소들에게서 사용할 수 있다. 순서를 바꿀 수 있다.

modifier 를 이용해서 가급적 코드를 재활용하도록 하자.

얇게 알던 CSS를 하나하나씩 따라해보면서 그간에 무식하게 하나씩 적용했던 지루한 CSS에 흥미가 생겼다. CSS는 기존에 코딩 중에서도 가장 재미없고, 반복적이라고 생각했는데 그건 CSS를 제대로 할 줄 몰라서 였다... 내일 정도면 kakao talk css 클로닝이 끝날 예정이다. 당분간 그간에 해왔던 것 복습도 할 겸 노마드 코더 수업을 하나씩 따라하며 익숙해지는 것도 좋겠다.