# CSS 소개

# CSS 데모 - 한 페이지에 여러 스타일

아래에 보여지는 HTML 페이지는 4개의 다른 스타일시트로 표현됩니다.
스타일시트1, 스타일시트2, 스타일시트3, 스타일시트4 를 눌러서 달라지는 스타일을 확인하세요.

# 왜 CSS를 사용하나요?

CSS는 당신의 웹사이트를 위한 스타일을 정의하는데 사용됩니다.
이 스타일은 모니터나 스마트폰 등 여러 사이즈를 가지는 화면에서의 디자인과 레이아웃, 변화들을 포함합니다.

# CSS가 큰 문제를 해결했습니다.

HTML은 웹 페이지의 형식을 지정하기위한 태그를 결코 포함하지 않을 작정이었습니다.
HTML은 다음과 같이 웹 페이지의 내용을 설명하기 위해 작성되었었습니다.
<h1>제목입니다.</h1>
<p>단락입니다.</p>
그리고 <font>와 같은 태그 및 색상 속성이 HTML 3.2 사양으로 추가되었을 때 웹 개발자에게는 악몽이 시작되었습니다.
이로인해 모든 단일 페이지에 글꼴 및 색 정보가 추가 된 대규모 웹 사이트 개발은 길고 값 비싼 과정이되었었습니다.
이 문제를 해결하기 위해 W3C (World Wide Web Consortium)에서 CSS를 만들었습니다.
CSS는 HTML 페이지에서 스타일 서식을 제거했습니다!

# CSS는 많은 작업을 줄여줍니다.

스타일 정의는 일반적으로 외부 .css 파일에 저장됩니다.
외부 스타일 시트 파일을 사용하면 하나의 파일만 변경하여 전체 웹 사이트의 모양을 변경할 수 있습니다!