>  기사  >  웹 프론트엔드  >  CSS 링크 스타일과 가져오기 스타일의 차이점

CSS 링크 스타일과 가져오기 스타일의 차이점

高洛峰
高洛峰원래의
2016-12-16 15:55:234433검색

링크 유형:

<link href="style.css" rel="stylesheet" type="text/css"/>

가져오기 유형:

<style type="text/css">  
 @import"style.css";  
</style>

차이: 링크 방법을 사용할 경우 페이지의 주요 부분을 로드하기 전에 CSS 파일이 로드됩니다. 표시되는 웹 페이지를 처음부터
스타일로 가져오며, 일부 브라우저의 경우 웹 페이지 파일의 크기가 상대적으로 클 경우 전체 페이지가 로드된 후 CSS 파일이 로드됩니다. 크면 첫 번째 페이지가 나타납니다. 스타일이 지정되지 않은 페이지가 표시되고 스타일을 설정한 후 효과가 플래시 후에 나타납니다.

대규모 웹사이트의 경우 유지 관리를 용이하게 하기 위해 모든 CSS 스타일을 여러 CSS 파일에 넣을 수 있습니다. 이런 식으로 링크 가져오기를 사용하는 경우 CSS를 별도로 가져오기 위한 여러 문이 필요합니다. CSS 파일 분류를 조정하려면 HTML 파일도 조정해야 합니다. 이는 유지 관리 작업의 단점입니다. 가져오기를 사용하는 경우 일반 CSS 파일만 가져올 수 있으며 이 파일의 다른 독립 CSS 파일을 가져올 수 있습니다. 링크에는 이 기능이 없습니다.



CSS 링크 스타일과 가져오기 스타일의 차이점에 관한 더 많은 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.