최근에 웹 표준, 웹 접근성, 웹 호환성이 이슈로 떠오르면서 CSS가 집중 조명받고 있다. CSS가 다양한 이슈들을 한꺼번에 해결해줄수 있는 슈퍼맨처럼 과대포장되고 있지만, 실제로는 자체적인 결함과 외부 환경에 따른 한계들이 명확한 슈렉같은 녀석이다.

이런 CSS의 한계를 명확하게 인지하고, 그에 따른 해법을 모색할 때, 비로서 최근의 다양한 이슈들을 올바르게 해결할 수 있을 것이다. 하늘을 날지 못하는 자동차를 탓하는 것보단, 비행기는 결코 다닐 수 없는 지하도를 훌륭하게 주행할 수 있는 점에 박수를 보내야 할 것이다.

CSS의 한계

  • CSS2 스펙의 한계
  • 웹 브라우저의 CSS2 스펙 지원 부족
  • W3C의 지지부진한 CSS3 개발 속도
  • 웹 디자이너의 인식 부족

CSS2 스펙의 한계 : 지금당장 필요한 기능 위주로…

  • 부모(parent)-selector에 접근 불가 : 사용자 인터렉션 디자인 관점에서 필요. ex) 2단 네비게이션, 하나의 li에 포커스가 이동하면 다른 li들의 상태가 바뀔수 있도록..
  • multi-background 속성 미지원 : 표현을 위한 html 마크업을 줄이기 위해서, 또한 이미지와 배경이미지의 명확한 분리를 위해서 필요. ex) div 100단 콤보.
  • web-font(또는 download-font) 기능 미지원 : 2바이트 언어권에서도 타이포 디자인할 수 있도록 필요.
  • 투명(opacity) 속성 미지원 : 사용자 인터렉션 디자인 관점에서 필요. multi-background와 응용하면 다양한 시각적 기능이 가능해짐.
  • text-overflow 속성 미지원 : 글자 수 짜르려고 고생하는 서버측/클라이언트측 개발자를 위해서.. 특히 알파벳이 붙어 있어서 고생할때..

브라우저의 CSS2 스펙 지원 부족

W3C의 지지부진한 CSS3 개발 속도

  • 1998년 : CSS2 RD Candidate Recommendation
  • 2006년 ~ 현재 : CSS2.1 Last Call (아직도 개발 중;;)
  • 1998년 ~ 현재 : 모듈기반 CSS3 개발 중 (기약 없음)

웹 디자이너의 인식 부족

  • GG