Cascading style sheets(CSS)는 디스플레이되는 페이지에 대한 브라우저 기본값을 변경할 수 있도록 한다. 이들은 각각의 요소, 전체 페이지, 혹은 전체 사이트에 대하여 생성될 수 있다. 링크의 언더라인을 제거할 수 있다. 기본 폰트, 사이즈, 라인 간격 등을 변경하고 객체의 위치를 제어하고 H1 태그나 다른 태그에 대한 특정 속성을 설정할 수 있다. CSS는 여러분의 전체 사이트에 대한 일관성 유지를 쉽게 할 수 있도록 한다. 아이디어는 시간을 절약하고 도구를 간단하게 한다. 하지만 브라우저와 버전사이의 스타일 시트의 실행 변경은 현재 릴리즈에서 동일한 작업을 이루기 위하여 걸리는 시간이 증가하게 된다.
CSS는 HTML 버전 4.0을 기준으로 발표되었다. 하지만 유감스럽게도 IE와 Navigator 버전 4.0은 CSS의 마지막 기준이 발표되기 전에 나왔다. 두 브라우저는 다른 방식의 스타일 시트를 사용한다. 이것은 CSS1, CSS2 그리고 레이어의 복잡한 혼합을 야기시켰다. 여러분이 사이트에서 브라우저를 지원하는것에 대하여 신중을 기해야 하고, IE4.x 그리고 Netscape 4.x에의해 지원되는 스타일 시트 기능의 사용을 제한하여야 한다. CSS 기능을 사용할 때, IE 그리고 Netscape 4.x, 3x에서 모두 모양과 효과를 테스트해야 한다. 이 기능의 사용은 이들 CSS를 지원하는 브라우저에 대한 향상된 효과를 얻게 된다. 그리고 CSS를 지원하지 않는 브라우저에게 해가 되는 효과를 주지는 않는다.
지원되지 않는 기능은 사용하지 않도록 한다. 이것은 3.x 혹은 다음 버전을 사용하는 사용자가 여러분 사이트에 있는 정보를 접근 할 수 없게 한다. 역으로, 마이크로소프트에서는 지원하지 않는 Netscape-특정 태그의 기능을 사용하는데 있어서 주의를 기울여야 한다. 모든 브라우저에서 여러분의 모든 페이지를 적절히 보여주기 위하여 다시 작업을 해야 할지도 모른다. 예를 들면, 텍스트 앞의 P(문단) 태그를 사이즈나 폰트를 정의하는 다른 태그 다음에 놓도록 한다.
불가피하게 웹사이트를 다시 디자인할 때, 전체 사이트의 색상, 폰트, 사이즈, 배경을 변경할 때의 조금이나마 덜기를 바랄 것이다. CSS를 사용할 때, 여러분의 링크를 웹사이트의 공통 기준에 따르는 링크를 변경할 수 있는 기회를 이용하도록 한다. 방문되지 않은 링크는 "hot"색상 그리고 방문된 링크는 연한색상을 사용한다. 예를 들면, 페이지에 밤색의 링크를 가지고 방문된 링크는 연한색을 가지게 한다.
safe list는 어떠한 기능을 사용할 것이며 어떻게 앞서가는지를 결정하는데 이용되어질 수 있는 리스트이다. 이 리스트는 http://style.webreview.com에서 찾을 수 있다. 여러분 사이트의 CSS 구조를 향상시키기로 결정하였다면, 여러분이 추가할 새로운 기능이 브라우저의 지원이 얼마나 되는지를 확인하도록 한다. WebReview는 또한 브라우저에 안좋은 결과를 나타내는 기능을 포함하는 Danger 리스트를 제공한다. 모든 주요 브라우저에 기본적으로 작동하는 기능들은 간단한 포멧기능들이다.
CSS의 모든 장점은 브라우저가 이를 보다 잘 지원할 때 충분히 파악할 수 있다. 하지만, 디자인, 재디자인, 그리고 여러분 웹페이지의 일관성은 모든 페이지에 "linked"스타일 시트를 사용하여 보다 쉽게 얻을 수 있다. 여전히 Netscape3.x와 IE3.x 브라우저는 바디 태그에 의존하지만, 각 브라우저의 버전 4.x에서 여러분의 페이지는 보다 많이 읽어지고 일관성을 유지하게 된다. 이것은 사용하기에 어려운 일이 아니다. 사이트가 확장될수록, 사이트는 매일 이것을 변경하는 것은 더욱 어려워진다. 지금 수정하는 것과 전체 사이트에 걸쳐서 일관적으로 이용되어지는 것을 일고있는 것은 단일 페이지의 변경을 할 때에도 이것들은 매우 쉽게 할 수가 있다.
아마도 CSS를 이요에 있어서 가장 치명적인 사항은 이전 브라우저에서 지원되는 것에 대한 고려사항이다. WebReview 사이트(http://www.webreview.com)에서의 리소스는 매우 유용하다. 이들은 CSS대한 좋은 튜토리얼을 제공하고, 굉장한 특정 브아우저의 특정 버전에 대한 브라우저 기능의 호환성 차트를 포함하고 여러 가지 툴(specs, master list, safe list, danger list)을 포함한다.
--- p.460~46