下面是一個基本的CSS引入外部文件的方法:
1. 將外部文件放在網頁的根目錄下,也就是<head>標簽的下方。
```html
<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
</html>
2. 使用<link>標簽來引用外部文件。
```html
<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
</html>
在這個例子中,我們使用了rel="stylesheet"屬性來指定CSS文件為樣式表文件。type="text/css"屬性指定CSS文件為CSS文件。href屬性指定CSS文件的地址。
3. 可以使用<link>標簽的type="text/javascript"或type="text/xml"屬性來引用JavaScript或XML文件。
```html
<!DOCTYPE html>
<html>
<head>
<title>My Webpage</title>
<link rel="stylesheet" type="text/css" href="style.css">
<link rel="stylesheet" type="text/javascript" href="script.js">
</head>
</html>
在這個例子中,我們使用了rel="stylesheet"和rel="stylesheet"屬性來引用外部文件。我們同時也使用了type="text/javascript"和type="text/xml"屬性來引用JavaScript和XML文件。
通過使用<link>標簽,我們可以引入外部文件,為網頁提供樣式信息。需要注意的是,每次訪問網頁時,樣式表文件都需要重新加載,所以在使用外部文件時,最好將它們放在網頁的根目錄下,以便盡可能快地加載網頁的樣式信息。