외부 JS 파일 및 CSS 스타일 파일을 웹 페이지에 도입하는 방법
- 青灯夜游원래의
- 2020-12-23 15:17:486302검색
웹페이지에서는 "3f1c4e4b6b16bbbd69b2ee476dc4f83a" 태그를 사용하고 태그의 src 속성을 사용하여 외부 js 파일을 도입할 수 있습니다. 웹페이지의 head 태그에 "2cdf5bf648cf2f33323966d7f58a7f3f" 태그를 사용하여 외부 CSS 스타일 시트 파일을 삽입하거나 "@import url("file path");"를 사용하여 외부 CSS 스타일 시트 파일을 삽입할 수 있습니다. .
이 튜토리얼의 운영 환경: windows7 시스템, JavaScript1.8.5&&css3 버전, Dell G3 컴퓨터 이 방법은 모든 브랜드의 컴퓨터에 적합합니다.
추천: javascript 비디오 튜토리얼, css 비디오 튜토리얼
웹 페이지에 외부 JS 파일을 도입하는 방법
3f1c4e4b6b16bbbd69b2ee476dc4f83a 태그의 src 속성을 통해 외부 js 파일을 도입할 수 있습니다.
3f1c4e4b6b16bbbd69b2ee476dc4f83a 태그에는 다른 많은 속성이 있지만 이러한 속성은 일반적으로 사용되지 않거나 모두 기본값을 가지며 이러한 기본값은 일반적으로 변경할 필요가 없으므로 src 속성이 유일한 것일 수 있습니다. 당신이 알아야 할 속성.
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>JavaScript的引入</title>
</head>
<body>
<!-- 引入本地文件 -->
<script src="./script.js"></script>
<!-- 引入外部域的文件 -->
<script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</body>
</html>이 방법으로 서버는 MIME 유형 application/x-javascript를 사용하여 JavaScript 파일을 브라우저에 보냅니다.
웹페이지에 외부 CSS 파일을 도입하는 방법
1. 2cdf5bf648cf2f33323966d7f58a7f3f를 통해 외부 CSS 파일을 도입합니다.
93f0f5c25f18dab9d176bd4f6de5d30e9c3bca370b5104690d9ef395f2c5f8d1 웹페이지에 외부 스타일 시트 파일을 도입하고 HTML 규칙을 사용하여 외부 CSS를 도입합니다.
2cdf5bf648cf2f33323966d7f58a7f3f 태그는 문서와 외부 리소스 간의 관계를 정의합니다. 2cdf5bf648cf2f33323966d7f58a7f3f 태그의 가장 일반적인 용도는 스타일 시트를 연결하는 것입니다.
구문:
<link rel="stylesheet" href="css文件路径" type="text/css" />
2. import
CSS @import 규칙을 통해 CSS 외부 파일을 가져옵니다. 다른 스타일 시트에서 스타일 규칙을 가져오는 데 사용됩니다. 이러한 규칙은 다른 모든 유형의 규칙보다 우선해야 하며 조건 그룹의 규칙에는 @import를 사용할 수 없습니다.
@import 규칙 구문
@import url("文件路径");더 많은 프로그래밍 관련 지식을 보려면 프로그래밍 코스를 방문하세요! !
위 내용은 외부 JS 파일 및 CSS 스타일 파일을 웹 페이지에 도입하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!