CSS란?

CSS란?

Cascading Style Sheet의 약자입니다.

Style Sheet은 스타일을 잘 정리한 문서 한 장을 의미합니다.

Cascading은 작은 폭포, 연속화 등등 연속해서 떨어지는 느낌을 준다고 생각하면 됩니다.

• Cascading은 세부적으로 정의된 것이 있다면 그것을 사용하고 정의된 것이 없다면 기본으로 정의된 다음 것으로 넘어가는 것을 얘기합니다.

웹 사이트를 스타일링할 때, 총 크게 3가지로 나뉩니다.

1. Author style
   1. 우리가 작성하는 style sheet(.css 파일)
2. User style
   1. 사용자의 취향에 맞게 스타일링의 변경하는 것(ex. 다크모드)
3. Browser
   1. 브라우저 상에서 기본적으로 지정된 스타일

• Cascading은 우리가 지정한 스타일(Author style)이 최우선 순위가 됩니다.
• 만일, 우리가 지정해놓은 스타일이 없다면 사용자가 지정한 스타일(User style)로 정해집니다.
• 마지막으로, 우리도 유저도 스타일을 지정하지 않았다면 기본적인 Browser style이 적용됩니다.

 

이렇게 아래로 떨어지는 느낌 ⇒ Cascading

 

Cascading을 끊어내는 것이 딱 한 가지 존재합니다.

⇒ !important

보통의 경우에는 !important를 피하고 스타일링을 합니다.

 

 

 

 

 

 

참고: https://www.youtube.com/watch?v=gGebK7lWnCk → 전체적인 내용