CSS Sprite는 한동안 사용되어 왔으며 웹 사이트를 더 빠르게 만드는 방법으로 떠오르고 있습니다. Steve Souders는 방금 Velocity '09에서 SpriteMe!를 발표했습니다(토론 - 캔버스와 toDataURL을 사용하고 즉석에서 스프라이트를 생성할 수 있는데 왜 CSS Sprite Generator나 다른 서버 기반 도구를 사용합니까?). 그러나 CSS 스프라이트에 대한 몇 가지 오해가 있는데, 가장 큰 이유는 단점이 없다는
CSS와 브라우저의 호환성은 때때로 사람들에게 골칫거리가 될 수 있습니다. 아마도 기술과 원리를 이해하면 인터넷에서 IE7, 6 및 Fireofx에 대한 호환성 팁을 수집하여 정리하는 것이 어렵지 않을 것입니다. web2.0으로 전환하려면 xhtml 형식으로 코드를 작성해 보시기 바랍니다. DOCTYPE은 CSS 처리에 영향을 미치므로 W3C 표준에 따라 DOCTYPE 문을 추가해야 합니다.
CSS 프레임워크와 CSS 모듈에 대한 나의 생각은 항상 막연했고, 나는 그 추세를 완전히 따르고 있었습니다. 최근 직장에서 겪은 문제로 인해 이 문제에 주의를 기울이게 되었습니다. 기획부터 디자인, 퍼블리싱까지 한 사람이 모든 일을 하는 데 익숙합니다. 프로젝트에 여러 사람이 협력하여 짧은 시간 내에 완료해야 하는 경우 스타일 파일 계획, CSS 모듈 및 프레임워크에 대한 생각이 특히 중요합니다.
디자이너는 종종 독특한 글꼴 효과와 페이지 효과를 사용하는데, 그림자는 페이지의 텍스트와 요소를 3차원 효과로 눈에 띄게 만들 수 있습니다. 예를 들어 텍스트 그림자의 경우 기존 방법에서는 텍스트를 잘라내고 이미지를 직접 사용해야 할 수 있습니다. SEO 및 웹 사이트 성능을 고려하면 CSS Sprites와 같은 기술을 사용하여 이미지를 통합할 수도 있습니다.
이 기사에서는 일부 주요 브라우저(예: Firefox, Chrome, Safari, Opera 브라우저)에서 잘 작동하는 몇 가지 독특한 CSS3 기술을 보여줍니다. 이러한 효과는 지원되지 않는 브라우저(예: Internet Explorer)에서 렌더링 성능을 저하시킵니다. 제안된 CSS3 스타일 중 다수는 브라우저별 선언을 사용하여 즉시 사용할 수 있습니다.
