phpstorm에서 CSS를 참조하는 방법

CSS 파일을 도입하는 4가지 방법

(1) 링크 유형: 웹 페이지의 태그 쌍에 태그를 사용하여 외부 스타일을 도입합니다. 시트 파일, html 규칙을 사용하여 외부 CSS 도입(더 많이 사용됨):

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

관련 권장 사항: "PhpStorm 사용법 튜토리얼"

(2) 가져오기: HTML 파일에 독립적인 .css 파일을 도입하고 CSS 가져오기 규칙을 사용합니다. 외부 CSS 파일을 도입하고 태그에도 작성됩니다. 사용된 구문은 다음과 같습니다.

<style type="text/css">
    @import"mystyle.css"; 此处要注意.css文件的路径
</style>

비교: 링크 참조와 가져오기 참조의 차이점은 다음과 같습니다. 는 로드되고, 가져오는 동안 html이 로드된 후에 인용됩니다. 예를 들어 가져오기 참조를 사용하면 스타일이 없는 페이지가 먼저 표시된 다음 스타일이 삽입됩니다. JavaScript를 사용하여 CSS를 동적으로 참조하는 경우 이를 달성하려면 링크 참조 방법을 사용해야 합니다.

(3) 인라인 CSS 파일, 헤더에 직접 CSS를 작성합니다. 예:

<style type="text/css">
div{margin: 0;padding: 0;border:1px red solid;}
</style>

이 방법은 훨씬 덜 자주 사용되며 트래픽이 많은 포털에서 가장 일반적으로 볼 수 있습니다. 또는 방문수가 많은 기업 홈페이지의 홈페이지. 첫 번째 방법에 비해 장점이 뚜렷하고 단점도 뚜렷합니다. 장점: 빠르고 모든 CSS 컨트롤이 이 페이지 태그에 사용되며 중복되는 CSS 명령이 없으며 외부 링크 CSS 파일이 필요하지 않습니다. HTML 문서에서 직접 스타일을 읽습니다. 단점은 수정이 더 번거롭고, 단일 페이지가 부풀어 보이고, CSS를 다른 HTML에서 참조할 수 없어 상대적으로 많은 양의 코드가 발생하고, 유지 관리도 번거롭다는 것입니다. 그러나 이 방법을 채택하는 대부분의 회사는 돈이 있고 사용자 수가 핵심이며 복잡한 유지 관리 작업을 수행할 인력이 부족하지 않습니다.

(4) 태그에 스타일을 직접 작성하세요

<div style="border:1px red solid;">测试信息</div>

위 내용은 phpstorm에서 CSS를 참조하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!