CSS(Cascading Style Sheet)란?

CSS(Cascading Style Sheet)란?

인터넷 문서의 가장 일반적인 형식은 HTML이지만, 웹 문서를 자유롭게 편집하는 데에 여러가지 제약이 따르게 됩니다.
이를 보완하기 위해 만들어 진 것이 스타일시트 입니다.

스타일시트의 문법과 형식은 W3C의 캐스케이딩스타일쉬트(Cascading Style Sheet) 규격 CSS1과 CSS2로 표준화되어 있습니다.
양대 브라우저인 넷스케이프의 커뮤니케이터 ver 4.0과 마이크로소프트의 익스플로러 ver 3.x에서부터 CSS1을 지원함으로써 웹 문서 제작에 CSS의 자유로운 사용이 가능하게 되었습니다.

하지만, 넷스케이프나 익스플로러가 CSS뿐 아니라 HTML에서도 표준안을 전적으로 따르고 있지 않기 때문에 일반 제작자들이 웹 문서를 작성함에 있어 많은 어려움과 혼란을 안겨주고있는 실정입니다.
현재 제안되어 있는 영문 CSS2는 양대 브라우저가 재대로 지원하지 않아, Explorer을 기준으로 CSS1을 중심으로 설명하고 일부는 CSS2의 기능도 첨가하여 설명하고자 합니다.

[CSS 학습에 관한 개요]

• 제안 된 CSS와 양대 브라우저가 지원하는 CSS의 내용과 형식들을 알아 봅니다.
• 브라우저와 관계없이 사용되는 문서를 작성하는 방법을 알아 봅니다.
• CSS의 다양한 활용법을 학습하고 효과적인 디자인을 할 수 있도록 자세하게 설명을 하고자 합니다

CSS(Cascading Style Sheet) 의 장점

• 기능 확장성
  HTML 의 기능을 확장한다.
  HTML의 대부분의 요소들의 단순한 기능에 다양한 기능을 추가할 수 있으며, 심지어는 기능의 변경까지 가능하다. 이렇게 함으로써 문서제작자는 독특 한 문서형식을 설계 할 수 있다.
  또 한 HTML에서 지원하지 않는 다양 한 폰트 사이즈 등의 기능도 사용 할 수 있게 된다.
  
• 양식의 모듈화
  흐름이 같은 문서양식으로 전체를 구성 할 수 있다.
  HTML에서는 문서의 전반적인 틀에서부터 세부 항목까지 메번 일일이 지정 해 주어야 만 한다.
  그러나 스타일 시트를 HTML에 부가적으로 활용 함으로써 일정 한 양식을 CSS로 작성해 놓고 사용 할 때 부르기 만 하면 같은 양식으로 표현 된다
  또 한 CSS를 변경 함으로써 모든 관련 문서들의 표현 형식이 동시에 변경 된다.
  
• 간편성
  문서의 형식을 손 쉽게 다양하게 구성할 수 있다.
  HTML로 복잡 한 표를 만드는 데에 상당 한 노력을 필요로 한다. 스타일 시트에는 이를 극복할 수 있는 다양한 방법이 있다. 문서의 일부를 제작자가 원하는 위치에 비교적 자유롭게 배치 할 수 있다.
  또 한 문법이 아주 쉬워 원만 한 제작자는 쉽게 익힐 수 있는 잇점이 있다.
  
• 일관성
  사용 환경의 영향을 받지 않는다.
  HTML에서는 같은 문서라도 상황에 따라자동 조절 기능에 의 해 Flexible 하게 표현되어 편 할 때도 있지 만 제작자가 의도하지 않은 방향으로 표현 되는 경우가 많다.
  CSS를 사용 한 문서는 일관성이 현저히 증가 된다.

CSS(Cascading Style Sheet) 의 단점

• 양대 브라우저가 다른 방식으로 지원
  Netscape Communicator 와 Explorer 가 서로 다른 방식으로 스타일시트를 지원,인터넷 문서의 표준화에 큰 걸림돌이 되고 더욱 보편화 되지 못하고 있는 것.
  문제점을 최소화 방법은 양대 부라우저의 공통지원방식 사용 권장.
• 예민한 표현에서는 여러가지로 문제가 발생
  한가지 브라우저에 대한 스타일시트를 중점적으로 공부한 다음 다른 브라우저로도 바르게 표현하는 방법을 추가로 학습할 것

다소 복잡하기는 하지만 양대 브라우저를 모두 수용하도록 노력하였으나, Netscape에서는 산뜻하게 표현되지 않는 경우도 있음을 알립니다.