날짜: 1996-06-02 | 글쓴이: 도아 | 9901 번 | 프린트 | 메일로보내기

제 2강 - Style Sheet란


웹에서 Style Sheet가 사용된지는 오래지만 Style Sheet의 강력함과 중요성은 소수의 웹페이지에서만 표현될 뿐 거의 주목받지 못했다. Web 페이지를 풍부하게 표현함으로서 자신의 페이지를 독창적으로 만들려는 웹 페이지의 저자들은 훨씬 강력한 Style Sheet보다는 Netscape 자체의 추가속성들을 사용하기시작했다. Web 사용자의 대부분이 Netscape 자체의 기능확장을 쉽게 접할 수 있는 반면에 소수의 사람들만이 Style Sheet의 강력한 기능을 접할 수 있었기 때문에 이것은 상당히 자연스러운 현상이었다. 오늘날 점점 더 많은 브로우저들이 Style Sheet를 구현하고 있으며, 플랫폼에 독립적인 특징을 유지하면서 웹 페이지를 다양하게 표현할 수 있는 독특한 특징때문에 Style Sheet에 눈길을 돌리고있다. 웹 페이지를 다양하게 표현하기 위해서는 더 많은 HTML 태그를 사용함해야하므로 Style Sheet의 잇점은 이제 분명해 졌다. Netscape의 BODY 속성은 이제 웹에서 폭넓게 사용되고 있으며, HTML 3.2에서는 표준이 되었다. 그러나 BGCOLOR, TEXT와 유사한 태그들은 Style Sheet 만한 유연성을 제공하지 못한다. 대부분의 배경그림은 16 색상밖 디스플레이하지 못하는 시스템에서는 페이지를 읽기 힘들게 만든다. 또 많은 페이지들이 256 색상만을 지원하는 시스템에서 읽기 힘들다. 이제까지 사용한 BODY 속성으로 웹 페이지 저자들은 배경그림을 사용하는 것이 정말 이득인지를 결정해야 했다. Style Sheet로 웹 페이지의 저자들은 많은 수의 서로 다른 이미지를 서로 다른 Style Sheet내에 제공함으로서 사용자가 자신의 시스템에 따라 24-비트 Style Sheet나 8-비트 Style Sheet을 선택하도록 할 수 있다. 만약 제공된 어떠한 Style Sheet도 사용자에게 적당하지 않다면, 사용자는 저자의 스타일을 무시하면 된다. Style Sheet는 저자의 저술을 보다 여유롭게 만들수 있다. 일반적으로 <HR> 태그를 사용하기위해 <HR WIDTH="75%" SIZE=5 ALIGN=center>를 사용할 수 있지만, 이것은 저자에게 아주 성가신 일이 된다. Style Sheet로 저자들 HR과 같은 표현적 태그들을 일단 한번 정의하고 이 스타일을 전 사이트에 적용할 수 있다. 만약 저자가 WIDTH=50%인 것이 더 낫다고 결정한다면 그때 HTML을 변경하기위해 수백개의 페이지를 변경하기 보다는 Style Sheet만을 한번 변경하면 된다. 이것 뿐만아니라 하나의 파일에 모든 스타일 정보가 포함되어 있다면 Style Sheet를 내려받는 시간을 줄일 수 있다. Style Sheet는 Style Sheet가 제공할 수 있는 표현 효과라는 면에서 훨씬 더 많은 유연성을 제공한다. 색상(color), 배경(background), 여백(margin), 경계(border)와같은 많은 특성(property)들이 모든 태그에 적용될 수 있다. HTML과 자체의 기능확장으로는 BGCOLOR와 같이 단지 몇개의 태그에서만 사용가능한 속성에 의존해야 한다. Style Sheet는 임의의 스타일을 모든 문단, 모든 소제목, 모든 강조문에 적용할 수 있는 유연성을 제공한다. 웹 페이지의 저자는 많은 부정적인 측면효과를 갖는 <DD>나 <IMG SRC="blank.gif" WIDTH=10 ALT="">와 같은 부적합한 태그를 삽입하지 않고도 Style Sheet로 들여쓰기를 할 수 있다. 또한 표내에 전체 페이지를 두지 않고도 여백을 둘수 있다. Style Sheet를 사용하면 여러 개의 파일을 검색해서 특정 문자열을 대치할 필요가 없다. 만약 어떤 사이트의 모든 문단의 들여쓰기를 변경하고 싶다면 단지 Style Sheet의 한 행만 변경하면 된다.
현재 CSS를 지원하는 브로우저 이미 Style Sheet를 지원하는 몇몇 브로우저가 있다. 가장 두드러진 것으로 Netscape 4.0 버전이 있으며 이미 상당수의 Style을 지원하고 있다. 또한 M$IE는 3.0부터 부분적으로 Style Sheet를 지원하고 있으며, 4.0에서는 Netscape과 마찬가지로 대부분의 Style Sheet를 지원하고 있다. Style Sheet는 Emacs-W3와 Arena로 Unix에서는 오래전 부터 지원되어 왔으며, W3C의 Amaya 브로우저는 CSS를 포함하는 웹 페이지를 작성하기위한 WYSIWYG 에디터와 더블어 상당한 부분을 지원한다. CSS1을 넘어서...

CSS1에대한 앞으로의 목표는 웹페이지의 출력, 음성에대한 스타일, 점자 출력, layout, positioning, 글꼴과 장치에 독립적인 색상을 지원하는 것이다.



다음글: 제 3강 - CSS 맛보기 (10099)1996-06-03
이전글: 제 1강 - 목차 (9912)1996-06-01

세상사는 이야기

  • 찾아라! 아이폰 순정용 >
  • 만원대 피젯 스피너를 >
  • 망하는 길을 택한 쿠팡 >
  • 물놀이에 적당한 가성 >
  • 컴퓨터를 IPTV로 2, po >
  • 컴퓨터를 IPTV로 만들 >
  • Warning.or.kr도 우회 >
  • 한국의 100대 부자, 어 >
  • 세상을 바꾼 크롬: 크 >
  • 장난(?)으로 시작한 여 >


  • RSS 구독 (익명 | 회원 | 강좌 | 포럼)
    (C) 1996 ~ 2017 QAOS.com All rights reserved.