CSS Introduction

« Previous Next Chapter »

What You Should Already Know

계속하기 전에 다음 것들에 대한 기본적인 이해가 있어야 합니다:

  • HTML

What is CSS?

  • CSS 는 Cascading Style Sheets 을 의미한다.
  • 스타일(Styles)은 HTML 요소를 표시하는 방법을 정의 
  • CSS 파일로 저장된  외부 스타일시트(External Style Sheets)는  작업을 많이 절약할 수 있게 해준다.

CSS Demo

HTML 문서는 서로 다른 스타일로 표시될 수 있습니다 : See how it works

Styles 은 큰 문제를 해결합니다

HTML은 문서의 서식 태그를 포함하도록 구성되지 않았습니다.

HTML은 다음과 같이 문서의 콘텐츠를 정의하도록 구성되었습니다:

<h1>This is a heading</h1>

<p>This is a paragraph.</p>

<font> 같은 태그와 및 color 속성과 같은 것들이  HTML 3.2 사양에 추가되면서, 웹 개발자들에게는 악몽이 시작되었다. 폰트 및 컬러 정보를 모든 페이지에 첨가해야 하는 대규모 웹 사이트의 개발은, 길고 비싼 과정이 되었다.

이 문제를 해결하기 위해, W3C는 CSS를 만들었다.

HTML 4.0에서, HTML 문서로부터 모든 포맷은 제거되었고, 별도의 CSS 파일에 저장되었다.

CSS 는 많은 작업을 줄여 준다.

스타일 정의는 일반적으로 외부의 .css 파일로 저장된다.

외부 스타일 시트는 단 하나의 파일을 편집하여 웹 사이트의 모든 페이지의 모양과 레이아웃을 변경할 수 있게 해 줍니다.

« Previous Next Chapter »