Bert Bos, W3C Style Activity Lead
Webmaster
최근 업데이트된 날짜: $Date: 2009/07/03 13:57:58 $ GMT
"웹 스타일 시트 홈페이지" 번역
원본: http://www.w3.org/Style/
번역본: 본 버전
번역자: 홍정아
본 페이지는 W3C CSS 홈페이지의 번역본임을 참고하기 바란다. 원본 내용은 저작권 보호를 받고 있으니, 모든 페이지 상단에 위치한 내용을 읽도록 한다. 오직 번역자만이 본 페이지의 번역 승인권을 소유한다.
번역자는 도움을 준 모든 사람들에게 감사드리며, 특히
forum, live.
에게 감사를 표한다. W3C에서 유일하게 업데이트된 서류가 영어원본인 관계로 번역자는 오류없는 번역을 보증하지 않는다. 번역자의 주는 별도로 표기하였으며 원본에는 그 내용이 포함되지 않는다.
(본 페이지는 CSS 스타일 시트를 사용한다.)
"앞으로 일어날 웹 혁명은 웹 컨소시엄(Web Consortium)이 CSS에 노력한 작업 사례들을 본받을 것이다."
-Jakob Nielsen
스타일 시트란 문서가 어떻게 화면과 프린트상에 표현되고, 또는 어떻게 음성화되어야 하는 지를 서술한다. W3C는 1994년에 설린된 이후로 웹에 스타일 시트 사용을 적극 권장하고 있다. 스타일 액티비티(Style Activity)는 CSS1, CSS2, XPath, XSLT 같은 다른 W3C의 권고안도 공표해 왔다. 특히 CSS는 브라우저에서 보편적으로 사용된다.
예를 들어, 하이퍼텍스 생성 언어(HTML)같은 구조화된 웹 문서에 스타일 시트를 첨부하면, 제작자나 사용자는 특정한 기기에 종속하거나 를 추가하지 않아도 원하는 문서 표현을 할 수 있다.
스타일 시트를 시험해볼 수 있는 가장 쉬운 방법은 CSS를 지원하는 브라우저를 사용하는 것이다. 스타일 시트에 관해 토론하길 원하면 www-style@w3.org로 이동하거나 comp.-infosystem.www.autoring.stylesheets에서 확인하시오.
W3C 스타일 액티비티에서는 XSLT와 "포매팅 객체”를 합친 XSL를 개발하고 있다. (XSL-FO).
어떤 언어를 사용해야 할까? 궁금하다면, "CSS 와 XSL"을 읽도록 한다.
W3C가 CSS외에 XSL을 개발했다는 사실이 약간은 혼란스러울 수도 있다. 그렇다면, 왜 개발자가 아직 첫 번째 스타일 시트를 완성하기도 전에 제 2의 스타일 시트를 시도했을까? 아래 표에서 답을 찾을 수 있다.
| CSS | XSL | |
|---|---|---|
| HTML과 사용할 수 있는가? | 네 | 아니오 |
| XML과 사용할 수 있는가? | 네 | 네 |
| 변형 언어인가? | 아니오 | 네 |
| 구문론(Syntax) | CSS | XML |
CSS는 HTML와 XML문서를 꾸밀 수 있다는 면이 독특하다. 반면, XSL은 문서를 변형시킬 수 있다. 예를 들자면, XSL은 웹 서버에서 XML데이타를 HTML/CSS문서로 전환시킬 수 있다. 이런 방식으로 두 언어는 각자의 기능을 보완하면서 함께 사용될 수 있다.
양쪽 언어를 모두 XML문서 스타일링에 사용할 수 있다.
CSS와 XSL이 본질적으로 같은 포매팅 모델을 사용하므로, 이 두 언어가 가진 포매팅 속성은 공통점을 갖고 있다. W3C는 포매팅 모델이 상호 운용될 수 있도록 노력하고 있다.
“"XSL과 CSS 공동 사용하기"에 대한 W3C의 참고사항.
이 주제에 처음 접한다면, 스타일 시트에 관한 신문 스크랩을 읽으면서 시작하라고 추천하고 싶다.
본 페이지 하단에 있는 버튼에 관한 정보는 버튼 페이지와 CSS 검사기(CSS validator)에서 찾으시오.
캐스캐이딩 스타일 시트(Cascading style sheet(CSS)는 웹 디자이너와 사용자의 필요에 의해서 특별히 고안된 스타일 시트 메카니즘이다.
W3C의 워킹그룹(Working Group)은 확장성 스타일 언어(XSL)를 개발하고 있다. XSL은 DSSL과 CSS에 기반을 두었고, 주로 매우 구조적인 XML데이타를 처리하기 위한 것이다. 예를 들어, 이 데이타를 표현하기 전에 요소를 재배열한다. 구체적인 정보는 W3C의 XSL 자료 정보 페이지에서 확인하기.
DSSSL은 SGML 문서를 트리 구조로 전환시키는 언어이자, SGML 커뮤니티에 추종자들이 많은 스타일 응용 언어이다. 웹에 있는 DSSSL 자료정보:
CSS 텍스트 에디터를 사용하여 파일을 “수동으로” 제작하고 편집할 수도 있지만, 스타일 시트를 조작하기 위해 ECMA스크립(ECMA script), 자바(Java), 혹은 다른 언어를 사용한 프로그램으로 조작하는 것도 가능하다. 사실, 이 방식은 매우 흔해서, 이 목적을 위해 유용한 기능을 갖춘 소프트웨어 라이브러리(software libraries)가 있다. 이같은 프로그램, 라이브러리와 여러 다른 플래폼 사이의 이식성(portability)을 확보하기 위해, W3C는 명제를 제작했다. 이 명제는 소위 CSS-DOM이라고 하며, 관련된 라이브러리가 제공하는 기능을 서술한다.
CSS 문서용 객체 모델 (CSS Document Object Model)은 API(응용 프로그램 인터페이스)이다. 이 인터페이스를 통해 프로그램 내부의 함수를 이용하여 CSS와 심지어 다른 스타일 언어도 부분적으로 조작할 수 있다. API는 소프트웨어 라이브러리의 명제이며 설명서처럼 사용할 수 있다. 기능과 단위를 서술하지만, 코드 자체에 대해서는 설명하지 않는다.
각각 다른 플랫폼용으로 나온 몇몇 CSS-DOM 라이브러리도 있으며 대부분 무료이다. 많은 브라우저에는 ECMA스크립으로 구성된 프로그램을 사용하기 위해 CSS-DOM 라이브러리가 이미 내장되어 있다.
SAC (Simple API for CSS)는 CSS-DOM를 보완한다. CSS-DOM은 일단 스타일 시트가 메모리에 저장되면 스타일 시트를 조정할 수 있다. SAC가 정한 기능은 스타일 시트의 파싱(parsing)을 돕는다. 즉, 스타일 시트를 파일에서 메모리 내부로 이동시킨다.
CSS-DOM은 W3C의 권고안이며, SAC은 현재 개발 중인 프로젝트이다. 브라우저 외 다른 소프트웨어들은 CSS 주요 페이지에 정렬되어 있다.
동적 HTML(Dynamic HTML)은 동적인 콘텐츠를 조합한 HTML 페이지를 서술하기 위해 사용되는 용어이다. CSS는 동적 HTML의 세 요소중 하나이며, 다른 두 요소는 HTML자체와 EcmaScript로 표준화된 Javascript이다. 이 세 가지 문서들은 DOM(Document Object Model)을 통해 조합된다.