[TDL] 04/08 Today's-Done-List

이틀 연속 일찍 일어났다~ 이제 주말만 잘 버티면은 매일 일찍 일어날 수 있을 것 같은 기분!
하지만 아직 오전에 책 읽는 습관을 들이기에는 시간이 조금 더 필요할 것 같다~

---

- css 속성 학습

• pseudo-class selector (가상 클래스 선택자)
• first-child, first-of-type의 차이점
  
  • 첫 번째 자식 요소 Toy Story에 movie라는 class명을 주면 스타일이 제대로 잘 적용된다.

그러나 만약 Toy Story의 class명을 지운다면, Zootopia가 first-child로 읽혀서 underline이 적용될 거라고 생각할 수 있는데, 그렇지 않다!! Toy Story가 무조건 첫 번째 자식 요소이기 때문에 css가 아예 먹히지 않는 것을 볼 수 있다.
last-child도 마찬가지.

• first-of-type은 타입에 스타일을 적용하기 때문에 p타입의 첫 번째, div타입의 첫 번째를 각각 스타일 적용 가능.

---

- html/css 프로젝트 강의

• 팝업이 떠있을 때 뒷배경(body)의 스크롤 방지

  

• svg에 색을 채우려면 fill

---

17:50 오후 회고 스터디 (만족도 : 4)
점심을 잘 못 먹었는지 배탈 나서 집중 못함ㅠ 진도 거의 못 나갔음.

---

[ 출처, 참고 : 제로베이스 프론트엔드 스쿨 ]