웹 표준을 사용하여 웹 사이트 구축 4일차: 스타일 시트 호출

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

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

스타일 시트를 외부 호출

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

인페이지 방식: 페이지 코드 헤드에 직접 스타일 시트를 작성합니다. 영역. 다음과 같습니다:

외부 호출 방법: 스타일 시트를 별도의 .css 파일에 작성한 후 헤드 영역에 다음과 유사한 코드로 호출합니다. 페이지의.

웹 표준을 준수하는 디자인에서는 외부 호출 방식을 사용하므로 페이지를 수정하지 않고도 페이지를 변경할 수 있다는 장점이 있습니다. .css 파일만 수정합니다. 모든 페이지가 동일한 스타일 시트 파일을 호출하는 경우 하나의 스타일 시트 파일을 변경하면 모든 파일의 스타일이 변경될 수 있습니다.

스타일 시트를 호출하는 이중 테이블 방법

일부 표준을 준수하는 사이트의 원본 코드를 보면 스타일 시트가 호출되는 다음 두 문장이 있는 것을 볼 수 있습니다.

왜 두 번 쓰나요?

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

위 내용은 웹표준을 이용한 웹사이트 구축 4일째입니다. 스타일시트를 호출하는 내용입니다. 더 많은 관련 내용은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!