HTML로 외부 CSS 파일을 연결하는 방법은 무엇입니까?

프런트 엔드를 배울 때 CSS는 HTML 태그에 다양한 스타일을 추가하여 이러한 태그에 콘텐츠를 표시하는 방법을 브라우저에 알려준다는 점을 알아야 합니다. CSS는 HTML에 다양한 스타일을 추가하는 데 사용되므로 외부 CSS 텍스트를 HTML에 도입하는 방법은 무엇입니까? 이 기사에서는 CSS 파일을 HTML에 도입하는 네 가지 방법을 소개합니다. 구체적인 내용을 살펴보겠습니다.

html에서 외부 CSS 파일을 연결하는 방법:

1. HTML에서 CSS 파일을 도입하고 div에서 직접 CSS 스타일을 사용하여 div+css 웹페이지를 만드는 방법

<div style="border:1px red solid;">html引入css文件</div>

설명: 소개 방법 html의 css 파일 이 방법은 페이지에 많은 태그를 갖게 하여 번거로워 보이고 CSS의 장점을 반영하지 않기 때문에 권장되지 않습니다. 물론 이 방법을 정말로 사용하고 싶다면 다음에서 사용할 수 있습니다. 자주 바뀌지는 않지만 아직은 추천하지 않는 곳.

2. HTML에 내장된 스타일 스타일을 사용하여 CSS 파일을 도입하세요

헤더에 CSS를 직접 작성하세요

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

참고: CSS 파일을 HTML에 도입하는 이 방법은 페이지가 적을 때 사용하기에 적합합니다. . 장점: 속도 빠르고, 모든 CSS 컨트롤은 이 페이지 태그용이며, 중복된 CSS 명령이 없으며 CSS 파일을 외부에 연결할 필요가 없습니다. HTML 문서에서 직접 스타일을 읽습니다. 단점: 페이지가 많으면 한 페이지를 수정하는 것이 매우 번거롭습니다. 페이지가 너무 커 보이고, 다른 HTML에서 CSS를 참조할 수 없어 상대적으로 코드 양이 많아지고 유지 관리가 번거로워집니다. 하지만 이 방법을 사용하는 대부분의 회사는 부자입니다. 그들에게는 사용자 수가 핵심이며 인력이 부족하지 않습니다. 복잡한 유지 관리 작업을 수행합니다.

3 CSS 파일을 HTML에 도입하려면 @import를 사용하여 외부 CSS 파일을 참조하세요.

독립적인 .css 파일을 HTML 파일에 도입하고 CSS 규칙을 사용하여 외부 CSS 파일 태그에도 작성되며 사용되는 구문은 다음과 같습니다.

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

4. html로 CSS 파일을 소개하려면 링크를 사용하여 외부 CSS 파일을 참조하세요. 웹페이지의 head>

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

위 내용은 HTML로 외부 CSS 파일을 연결하는 방법은 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!