HTML中外部CSS文件的引入方法
在HTML中，我們可以通過(guò)多種方式引入外部CSS文件，以下是三種常見(jiàn)的方法：
1、使用LINK元素：
我們可以在HTML文檔的<head>部分使用<link>元素來(lái)引入外部CSS文件。
```html
<head>
<link rel="stylesheet" href="path/to/your/stylesheet.css">
</head>
```
rel屬性指定了關(guān)系類(lèi)型為“stylesheet”，href屬性則指定了CSS文件的路徑。
2、使用@import規(guī)則：
在CSS中，我們可以使用@import規(guī)則來(lái)引入其他CSS文件，在style.css文件中：
```css
@import url('path/to/your/other/stylesheet.css');
```
這將把other/stylesheet.css導(dǎo)入到當(dāng)前的CSS文件中。
3、使用JavaScript：
通過(guò)JavaScript，我們可以動(dòng)態(tài)地加載CSS文件，在<head>部分使用<script>元素：
```html
<head>
<script>
var link = document.createElement('link');
link.rel = 'stylesheet';
link.type = 'text/css';
link.href = 'path/to/your/dynamic/stylesheet.css';
document.getElementsByTagName('head')[0].appendChild(link);
</script>
</head>
```
這段代碼創(chuàng)建了一個(gè)link元素，并將其添加到HTML文檔的<head>部分，這種方法允許我們根據(jù)特定條件（如用戶(hù)***、屏幕分辨率等）來(lái)加載不同的CSS文件。
是三種常見(jiàn)的引入外部CSS文件的方法，選擇哪種方法取決于你的具體需求和偏好。
