0 분
30 분
CSS는 HTML에 좀 더 동적이고 확장된 형식을 제공해 주긴 하지만
양대 브라우저(넷스케이프와 익스플로러)가 서로 다른 방식으로 스타일 시트를 지원하고 있기 때문에 문제가 많습니다.
이러한 문제점을 최소화하기 위해서는 양대 브라우저가 공통적으로 사용하는 방식만을 사용하는 것이 좋으며,
일단 한 브라우저를 중심으로 제작한 다음 다른 브라우저에서도 무리없이 동작할 수 있도록
약간의 수정 보완을 해 주는 것도 좋은 방법일 것입니다.
----------------------------------------------------------------------------------
[ CSS의 정의 및 특징 ]
----------------------------------------------------------------------------------
CSS란 앞에서도 말했듯이 "Cascading Style Sheets"를 말합니다.
표준으로 제정된 HTML에서 지원할 수 없는 다양한 문자크기나 글자체, 줄 간격의 지정이 가능할 뿐 아니라
기존의 HTML 태그 기능을 확장하여 배경색상 등도 자유롭게 선택할 수 있습니다.
웹 문서의 가장 일반적인 형식은 HTML이지만, HTML 만으로는
문서를 자신이 원하는 형태로 자유롭게 편집하는 데에 많은 제약이 따릅니다.
이를 보완하기 위해 만들어 진 것이 바로 스타일 시트인데, 스타일 시트의 문법과 형식은 영문 W3C 의
카스케이딩 스타일쉬트(Cascading Style Sheet) 규격 번역문 CSS1(원문 CSS1)과 번역문 CSS2(원문 CSS2)로 표준화되어 있습니다.
CSS2는 W3C에서 기존의 CSS1에 추가하여 규정한 내용으로 저자들과 사용자들이 문서들의 구조(예:HTML과 XML 문서등)에
스타일(글꼴, 줄간격, 사운드 등)을 첨부 할 수 있게하는 스타일 쉬트 언어입니다.
문서의 내용과 구별하여 문서들의 스타일을 표현하는 CSS는 웹의 제작과 유지관리를 용이하게해 줍니다.
웹 제작자는 그 들의 웹 문서들을 브라우저, 음성장치, 프린터, 점자장치, 핸드장치(handheld device)등에 규격에 맞게
표현할 수 있도록 해 주며 내용의 위치, 다운로드 할 수 있는 글꼴, 테이블의 배열, 국제화 지원 기능, 자동 카운터, 번호 붙이기와
사용자 인터페이스와 관계 된 일부 특성의 기능도 지원해 줍니다.
CSS는 쉽게 말해 웹문서, ASP나 기타 CGI 등의 다양한 웹관련 문서에 삽입해서 사용할 수 있으며,
단순화된 웹문서에 스타일을 지정해 줄 수 있는 확장기능이라 생각을 하면 됩니다.
일반 웹문서에서 사용할 수 없는 글자크기나 줄간격등 미세한 부분까지 CSS에서 지원을 해 주므로 웹문서를 좀 더 개성있고,
또 편리하게 작업하도록 도와줍니다.
CSS의 다양한 기능성은 편리하고 확장된 웹문서를 작성하게 해 주지만 브라우저의 종류와 버전에 따라 적용되지 않는 기능들도 있으므로 적절하게
잘 활용해 주어야 합니다.
CSS의 특징들과 장, 단점을 살펴보고 본 강의를 진행하도록 하겠습니다.
----------------------------------------------------------------------------------
▣ CSS(Cascading Style Sheet)의 장점
----------------------------------------------------------------------------------
기능 확장성:
HTML의 대부분의 요소들의 단순한 기능에 다양한 기능을 추가할 수 있으며,
심지어는 기능까지도 변경할 수 있으므로 홈페이지 제작자는 자신만의 독특한 문서형식을 설계 할 수 있으며,
HTML에서 지원하지 않는 다양한 폰트 사이즈와 줄간격 등의 기능도 사용 가능합니다.
양식의 모듈화:
전체 웹 사이트에 같은 문서양식으로 전체를 구성 할 수 있습니다.
스타일 시트를 HTML에 부가적으로 활용하여 일정한 양식을 CSS로 작성해 놓고 문서마다 불러서 사용하면
전체 문서가 같은 양식으로 통일감 있게 구성될 수 있습니다.
스타일에 변경이 생길 경우에도 문서를 하나하나 수정할 필요없이 CSS파일만 변경 함으로써
모든 관련 문서들이 한꺼번에 변경되므로 복잡한 대용량의 사이트에서 아주 유용하게 사용할 수 있습니다.
간편성:
문서의 형식을 쉽고 다양하게 구성할 수 있습니다. 복잡한 형태의 표도 쉽게 제작하며
각 요소를 문서의 원하는 위치에 자유롭게 배치 할 수 있습니다.
----------------------------------------------------------------------------------
▣ CSS(Cascading Style Sheet) 의 단점
----------------------------------------------------------------------------------
양대 브라우저가 다른 방식으로 지원:
HTML에서도 마찬가지로 양대 브라우저의 호환성에 약간의 문제를 가지고 있지만,
특히 CSS는 Netscape와 Explorer가 서로 다른 방식으로 스타일 시트를 지원하고 있기 때문에 문제가 많습니다.
이러한 문제점을 최소화하기 위해서는 양대 부라우저가 공통적으로 사용하는 방식만을 사용 하는 것이 좋으며,
일단 한 브라우저를 중심으로 제작한 다음 다른 브라우저에서도 무난하게 표현될 수 있도록
약간의 수정 보완을 해 주는것이 최선의 방법이 아닐까 생각합니다.
출처 : 다음까페-미네르바의홈페이지사랑
