CSS 외부 링크와 가져온 CSS의 차이점은 무엇입니까?

외부 링크 유형과 가져온 CSS 유형의 차이점은 외부 링크 유형은 CSS 레이아웃 파일을 웹 페이지 파일에 먼저 로드하는 반면, 가져온 유형은 웹 페이지 파일을 먼저 로드한 다음 레이아웃 파일을 로드한다는 것입니다. 가져오기를 사용하면 CSS 레이아웃 파일을 가리키는 너무 많은 웹 페이지 파일을 피할 수 있습니다.

차이 분석은 다음과 같습니다.

(학습 영상 추천: css 영상 튜토리얼)

외부 링크 스타일

<link rel="stylesheet" href="css/test.css">

가져온 스타일

@import "css/test.css";

둘의 초기 결과는 동일, 둘 다 웹페이지 파일에 독립적인 CSS 파일을 도입하는 것입니다.

하지만 둘 사이에는 여전히 미묘한 차이가 있습니다. Link는 CSS 레이아웃 파일을 웹 페이지 파일에 먼저 로드하므로 네트워크 속도가 아무리 느려도 최종 웹 페이지 효과는 동일합니다. @import는 웹 페이지 파일을 먼저 로드한 다음 레이아웃 파일을 로드합니다. 이때 네트워크 속도가 너무 느리면 레이아웃이 없는 웹 페이지 효과가 먼저 나타나 보기 흉해집니다.

그러나 스타일을 가져오면 CSS 레이아웃 파일을 가리키는 너무 많은 웹페이지 파일을 피할 수 있습니다. 링크를 사용하면 동시에 하나의 레이아웃 파일을 사용하는 웹페이지 파일이 너무 많아 속도가 느려질 수 있습니다. 그러나 좋은 하드 드라이브를 사용하면 기본적으로 이러한 상황이 발생하지 않습니다.

관련 권장 사항: CSS 튜토리얼

위 내용은 CSS 외부 링크와 가져온 CSS의 차이점은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!