[html/css] nth-child() / nth-of-type() , display / visibility

웹프로그래밍 수업을 듣다가 정리하면 좋을 것 같아서 쓰게 되었다.

이미지 1 css

(이미지1)에서 보이는 display : none ; 과 이와 비슷지만 다른 visibility : none; 의 차이

display : none <-> block

 아예 사라지게 하는것. 보이지도 않고 해당 공간도 존재하지 않게 됨.

visibility : none

 보이지만 않고 해당 공간을 존재. width와 height 값을 주었다면 그만큼 공간은 존재하게 됨.

이미지 1에 대한 html

---

(이미지1)에서 nth-of-type() 

수정중