Table of contents
- 1. 정보: CSS가 뭐에요?
- 2. 액션: 문서 생성
- 2.1. 그럼 다음은?
이 페이지는 CSS가 무엇인지 설명합니다. 다음 페이지들에서 사용할 간단한 문서를 생성합니다.
정보: CSS가 뭐에요?
CSS는 문서가 사용자들에게 어떻게 제공되는가(present)를 규정하는 언어입니다.
문서(document)는 마크업 언어(markup languate)를 사용하여 구조화된 정보의 집합체입니다.
|
이 튜토리얼에서 아래와 같이 More details(더 자세히)라는 캡션이 있는 상자는 옵션인 정보를 담고 있습니다. 튜토리얼의 진도를 서둘러서 나가시려한다면, 이러한 박스들은 건너뛰셨다가, 좀 나중에 다시 돌아와서 읽으실 수도 있습니다. 그렇지 않다면 순서대로 읽으시고, 좀 더 이해하기 위해서 링크를 따라가세요.
|
문서는 파일과 동일하지 않습니다. 문서는 파일에 저장되어 있을 수도 있고 그렇지 않을 수도 있습니다. 예를 들면, 지금 읽고 계신 문서는 파일에 저장되어 있지 않습니다. 웹브라우저가 이 문서를 요청해왔을 때, 서버는 데이터베이스에 문의를 많은 파일들에서 문서의 부분들을 모은 뒤 문서를 생성해 냅니다. 그러나, 이 튜토리얼에서는 파일에 저장된 문서들로 작업하게 될 것입니다. 문서와 마크업 언어에 대한 보다 상세한 정보를 원하시면, 이 웹사이트의 다른 부분들을 보세요—예를 들면:
이 입문서 II부에서 이들 마크업 언어들의 예제들을 보시게 됩니다. |
사용자에게 문서를 제공(Presenting)한다는 것은 문서를 인간이 사용할 수 있는 형태로 변환시키는 것을 의미합니다. 모질라는 문서를 시각적으로 제공하도록 디자인되어 있습니다—예를 들면, 컴퓨터화면, 프로젝터 또는 프린터로 말입니다.
| CSS는 브라우저나 시각적 프리젠테이션만을 위한 것은 아닙니다. 전문 CSS용어로 말하자면, 사용자에게 문서를 제공하는 프로그램은 사용자 에이전트(UA)라고 불립니다. 브라우저는 단지 한 종류의 UA일 뿐입니다. 그러나, 이 튜토리얼의 I 부에서는 브라우저 영역에서의 CSS 작업만 다루게 될 것입니다.
CSS에 관련된 용어의 전문적인 정의들은 CSS 규약의 Definitions에서 살펴보세요 |
액션: 문서 생성
컴퓨터로 새로운 디렉토리를 만드시고 그 안에 새 텍스트 파일을 만들어 넣으세요. 이 파일은 문서를 저장하게 될것입니다.
아래의 HTML을 복사해서 붙여넣으세요. 파일을 doc1.html라는 이름을 사용해서 저장하세요.
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.0//EN">
<html>
<head>
<title>Sample document</title>
</head>
<body>
<p>
<strong>C</strong>ascading
<strong>S</strong>tyle
<strong>S</strong>heets
</p>
</body>
</html>
In your browser, open a new tab or a new window, and open the file there.
브라우저에서 새 탭(tab)이나 새 윈도우를 여시고, 거기에서 파일을 열어보세요.
다음과 같이 첫 문자들이 굵은 글씨체로 된 텍스트를 보시게 될 것입니다:
| Cascading Style Sheets |
브라우저로 보이는 것이 브라우저와 이 위키페이지의 세팅때문에 이와 똑 같이 보이지 않을 수도 있습니다. 만일 폰트, 스페이싱 그리고 색에 약간의 차이가 있다면 그건 그리 중요한 것이 아닙니다.
그럼 다음은?
이 페이지를 이해하시는데 어려움이 있으시거나 이에대해 다른 덧 붙일 말씀이 있으시면 이 페이지의 Discussion 페이지에 말씀을 남겨주세요.
우리 예제 문서는 아직 CSS를 사용하고 있지 않습니다. 다음 페이지에서 문서의 스타일을 규정하기 위해 CSS를 사용할 것입니다: Why use CSS
Page last modified 10:01, 25 Aug 2006 by Ioseph?