태터데스크 관리자

도움말
닫기
적용하기   첫페이지 만들기

태터데스크 메시지

저장하였습니다.

CSS(Cascading Style Sheet)란?

분류: 디지털 로그/Tip & Tech 작성일: 2006/09/21 12:08
블로그코리아에 블UP하기

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에서는 산뜻하게 표현되지 않는 경우도 있음을 알립니다.

이올린에 북마크하기(0) 이올린에 추천하기(0)
Posted by 마루[maru]
뉴스레터 구독하기
한RSS에서 구독 위자드닷컴에서 구독 Google에서 구독 Feed Burner RSS-디자인로그[DESIGNLOG]
 ※여러분의 지성과 감성이 담긴 소중한 댓글은 아름다운 소통의 꽃을 피웁니다.
  1. BlogIcon 암팡진 2008/02/02 15:04  댓글주소  수정/삭제  댓글 남기기

    티스토리 이틀 째, css와 xtml문법을 잘 모르는 상태에서
    스킨을 나름 변경하려니 힘드네요~ css의 의미를 잘 읽고 갑니다.
    유용한 정보네요 ^^


SPONSOR