개요 - CSS(Cascading Style Sheets) 란?

CSS(Cascading Style Sheets)

 

CSS는 HTML 페이지의 Tag 엘레멘트를 어떻게 표현하는지 정의하는 기술이다. CSS는 HTML4.0 이전 버전의 문제의 해답으로 추가된 기술이다.  초기의 HTML문서는 논문같은 정보를 표현하기 위한 언어로 문서의 구조를 나타내는 태그를 사용하여 문서의 구조를 정의하여 표현한 언어이다.

 

하지만 웹의 발전함에 따라 사용자는 단순한 문서에서 다양한 표현이 사용된 문서를 원했다. 이에 표현을 위한 태그가 등장하기 시작했고 대표적인 태그가 <font>와 같은 서식태그이다. 이렇게 서식 태그가 다수 포함된 버전이 HTML 3.2 버전이다.

 

 

 

서식 태그를 사용한 후 발생한 문제점

 

서식 태그를 사용한 아래의 HTML 문서를 보자.

 

<h2>서식태그가 사용된 HTML문서</h2>
<p><font size="1" color="#000000">HTML 문서</font>는 웹 페이지를 작성하는 문서로 <b>태그</b>와 <b>텍스트</b<로 구성되어 있다.</p>

 

위와 같이 서식 태그가 들어가기 시작하면서 HTML 문서는 한 눈에 문서의 구조와 내용을 알아보기 힘들게 되었다. 또한, 위지윅 에디터의 등장은 HTML 문서에 불필요한 태그를 더욱 증가시켰다.

 

이렇게 서식 태그를 사용함에 따라 HTML 문서가 복잡해지자 태그의 원래 목적에 충실히 하면서도 문서의 표현의 다양성을 부여하기 위한 방법이 등장했는데 이것이 바로 스타일이다. 스타일은 HTML 태그 사용의 목적에 충실하게 페이지를 작성하면서도 표현의 다양성을 줄 수 있다. 또한, 스타일을 사용하면 웹 페이지 제작에 많은 일을 줄여 줄 수 있다. 외부의 스타일 시트는 문서 제작에 많은 일을 줄여부며 외부의 스타일 시트는 CSS파일로 저장되어 쉽게 문서에 포함시킬 수 있습니다.

 

스타일이 추가된 버전은 HTML 4.0이며, 이 후 등장한 HTML 4.1 버전은 태그의 규칙을 더욱 엄격하게 지키며 스타일을 사용하는 버전으로 HTML에 XML 특성을 가미하고 표현은 스타일을 사용하는 문서를 말한다.