1. CSS 란 무엇일까?

CSS는 Cascading Style Sheets의 약자입니다. CSS의 단어 뜻을 보면 그 목적과 의미를 쉽게 이해할 수 있습니다.

가장 먼저 Style Sheets라는 단어에서 볼 수 있듯이 CSS는 웹 페이지의 스타일을 정리해둔 문서입니다. 여기서 스타일은 "글자 크기는 13px", "본문 내용 오른쪽에 여백은 13px", "제목은 여기 배치" 와 같이 웹 페이지와 관련된 스타일 들을 말합니다.

그리고 Cascade는 '폭포가 되어 떨어지다'의 뜻을 가지는 단어입니다. CSS에서 스타일이 적용될 때는, 우선순위를 가지고 적용됩니다. 이 우선순위가 적용되는 과정이 마치 폭포처럼 위에서 아래로 떨어지는 모양이기 때문에 Cascade라는 단어가 붙었습니다.

출처 : Web Animation 1부 css Animation

출처 : Web Animation 1부 css Animation

위의 그림에서 CSS 적용의 우선 순위를 파악할 수 있습니다.

  1. 개발자가 작성하는 외부 스타일 (우선 순위가 가장 낮습니다)
  2. head 태그 안의 스타일
  3. 태그 안에서 작성되는 inline 스타일
  4. 사용자 정의 스타일 (우선 순위가 가장 높습니다)

마지막 4번의 사용자 정의 스타일은 오래전 웹 페이지들의 디자인이 엉망이었을 때, 브라우저 사용자(개발자가 아닙니다)로 하여금 스타일을 수정할 수 있도록 브라우저가 지원하던 기능이었습니다. 하지만 오늘날에는 웹디자인의 수준이 높아지면서 점점 지원이 중단되고 있는 기능입니다.

(참고 : https://www.thoughtco.com/user-style-sheet-3469931)

정리하자면 Cascading Style Sheets의 약자인 CSS는 웹 페이지의 다양한 스타일을 정의할 때 쓰이며 단계별 스타일 적용 우선순위를 가집니다.

1.1 CSS3, CSS4 는 없다?!

스크린샷 2022-03-02 오후 3.17.47.png

CSS 2.1 개발이 완료되고 CSSWG(CSS Working Group)는 더 이상 CSS의 버전을 3, 4와 같은 메이저 업데이트로 가져가지 않기로 결정했습니다.