4일차: 스타일 시트 호출_기본 튜토리얼

웹 표준을 사용하여 웹사이트를 디자인하는데 전환 방식은 주로 XHTML+CSS를 사용하며 CSS 스타일시트가 필수입니다. 이를 위해서는 모든 웹 디자이너가 CSS에 능숙해야 합니다. 이전에 CSS를 사용해 본 적이 없다면 지금 배우기 시작하세요. 웹 표준을 준수하는 웹사이트를 만들려면 CSS를 모르면 아름다운 페이지를 디자인할 수 없습니다.

실제로 성능의 모든 측면은 CSS로 구현되어야 합니다. 예전에는 위치 지정과 레이아웃을 위해 테이블을 사용했지만 이제는 위치 지정과 레이아웃을 위해 DIV를 사용해야 합니다. 이것은 발상의 전환인데, 처음에는 조금 불편합니다. 하하, 어떤 변화에도 저항이 있을 것입니다. 표준이 가져오는 "혜택"을 누리려면 일부 오래된 전통 관행을 포기하는 것이 좋습니다.

스타일 시트를 외부 호출

과거에는 일반적으로 스타일 시트를 두 가지 방법으로 사용했습니다.

• 페이지 인라인 방식: 페이지 코드의 헤드 영역에 스타일시트를 직접 작성합니다. 이와 유사합니다:

왜 두 번 쓰나요?

사실 일반적인 상황에서는 외부링크 방식(즉, 첫 번째 문장)만 사용해도 충분합니다. 여기서 사용하는 이중 테이블 호출은 단지 예일 뿐입니다. "@import" 명령은 스타일 시트를 입력하는 데 사용됩니다. "@import" 명령은 Netscape 4.0 브라우저에서 유효하지 않습니다. 즉, Netscape 4.0 브라우저에서는 특정 효과를 숨기고 4.0 이상이나 다른 브라우저에서 표시하려는 경우 "@import" 명령 메소드를 사용하여 스타일 시트를 호출할 수 있습니다.