css) display:none, opacity:0, visibility:hidden

display: none

index.html

none 클래스의 문구가 안보이게 된다.

 

opacity

opacity : 불투명함 

 

 

visibility: hidden

visibility 문구가 안보인다.

 

---

display:none , opacity:0 , visibility:hidden의 차이점

크롬 관리자모드로 들어가보면

 

display: none

 

opacity: 0

 

visibility: hidden

 

opacity:0 과 visibility:hidden은 element 자체는 보이지 않게 됐을뿐 존재한다.

반면 display:none은 element 자체가 존재하지 않는다.