웹표준을 기반으로 웹사이트를 디자인하기 위해서는 전환방식은 주로 XHTML+CSS를 사용하며, CSS 스타일시트가 필수적이다. 이를 위해서는 모든 웹 디자이너가 CSS에 능숙해야 합니다. 이전에 CSS를 사용해 본 적이 없다면 지금 배우기 시작하세요. 웹 표준을 준수하는 웹사이트를 만들려면 CSS를 모르면 아름다운 페이지를 디자인할 수 없습니다.
실제로 프레젠테이션의 모든 측면은 CSS로 구현되어야 합니다. 예전에는 위치 지정과 레이아웃을 위해 테이블을 사용했지만 이제는 위치 지정과 레이아웃을 위해 DIV를 사용해야 합니다. 이것은 발상의 전환인데, 처음에는 조금 불편합니다. 하하, 어떤 변화에도 저항이 있을 것입니다. 표준의 이점을 누리려면 오래된 전통 관행을 포기하는 것이 좋습니다.
외부에서 스타일시트 호출
과거에는 일반적으로 스타일 시트를 두 가지 방법으로 사용했습니다.
페이지 인라인 방식: 페이지 코드의 헤드 영역에 스타일시트를 직접 작성합니다. 다음과 같은 것 :
<스타일 유형=텍스트/css> <! ――본체 { 배경: 흰색, 검정색 }――> </style>
외부 호출 방법: 스타일 시트를 별도로 작성합니다. css 파일을 만든 후 페이지 헤드 영역에 다음과 유사한 코드로 호출합니다.
<link rel=stylesheet rev=stylesheet href=css/style.css type=text/css media=all />
웹 표준을 준수하는 디자인에서는 외부 호출 방식을 사용하므로 페이지를 수정하지 않고만 수정할 수 있다는 장점이 있습니다. CSS 파일을 사용하여 페이지 스타일을 변경할 수 있습니다. 모든 페이지가 동일한 스타일 시트 파일을 호출하는 경우 하나의 스타일 시트 파일을 변경하면 모든 파일의 스타일이 변경될 수 있습니다.
스타일 시트를 호출하는 이중 테이블 방법
<link rel=stylesheet rev=stylesheet href=css/style.css type=text/css media=all /> <style type=text/css media=all> @import url( css/style01.css ) </style >
왜 두 번 쓰나요?
실제로 일반적인 상황에서는 외부링크 방식(즉, 첫문장)만 사용해도 충분하다. 여기서 사용하는 이중 테이블 호출은 단지 예일 뿐입니다. @import 명령은 스타일 시트를 입력하는 데 사용됩니다. @import 명령은 Netscape 4.0 브라우저에서 유효하지 않습니다. 즉, Netscape 4.0 브라우저에서는 특정 효과를 숨기고 4.0 이상이나 다른 브라우저에서 표시하려는 경우 @import 명령 메서드를 사용하여 스타일 시트를 호출할 수 있습니다.