CSS는 Cascade Style Sheet 의 약자입니다.

HTML태그의 한계를 보완하는 CSS

HTML태그는 문서에 스타일을 지정하고 이를 변경함에 있어서 많은 제약이 따릅니다.

HTML태그를 이용해서 모든 페이지의 소제목의 글자를 파란색으로 굵게 표시할려면 다음과 같이 지정합니다.

<font color="blue"><b>소제목 - 파란색으로 굵게 표시됩니다.</b></font>

소제목 - 파란색으로 굵게 표시됩니다.

이때 2가지의 문제점이 있습니다.

먼저 텍스트의 색상과 굵기를 변경하기 위해서 <font>태그와 <b>태그를 중복적으로 사용해야 하고, 텍스트 사이의 자간 조정과 같은 보다 섬세한 스타일의 지정은 할 수 없습니다.

만일 HTML태그로 이를 해결할려고 하면 HTML태그를 계속적으로 추가되어야 하고, 마크업 본연의 기능과 거리가 멀어지죠.

그리고 만일 소제목들의 색상을 붉은색으로 변경할려고 하면 모든 문서를 다시 편집해야 하는 불편함이 있습니다.

이런 점을 보완하기 위해 만들어진 것이 '스타일시트'이고 이 스타일시트의 표준안이 바로 CSS(Cascading Style Sheet) 입니다.

HTML 웹 페이지를 작성할 때에는 폰트, 위치, 크기, 테두리, 범위 등의 표현을 일일이 지정해야 사용해야 하지만 스타일 시트를 적용하면 문서 전체에 대하여 고정된 유형을 한꺼번에 지정하여 통일된 문서를 작성할 수 있습니다.

이와 같이 문서의 기본 내용은 HTML태그로 만들고 문서의 스타일 부분은 CSS로 구현하면 보다 효율적으로 홈페이지를 제작할 수 있습니다.

CSS의 전망

지금까지 현실적인 이유로 인해서 무시되던 웹표준이 이제는 당연히 지켜야 하는 가치로 인정받기 시작했습니다. CSS가 바로 웹표준은 아니지만 웹표준의 중심에는 CSS가 있습니다.

그리고 Ajax라는 새로운 웹개발 방법론이 힘을 받고 있습니다. Ajax에서 중요한게 또 CSS 입니다.

지금까지는 CSS를 아주 소극적으로만 사용했는데 앞으로는 보다 적극적으로 CSS 사용이 일반화 될 것입니다. 그만큼 CSS의 중요성도 커지고 CSS를 공부해야 하는 이유도 늘어나고 있습니다.