html使用css樣式一共有如下三種方式：

1.內聯樣式- 在html元素中使用"style"屬性；
2.內部樣式表 -在HTML文件頭部 區域使用；
3.外部引用 - 使用外部css檔案。

一般而言，使用前兩種方式都很少有問題，但在實際開發過程中，為了方便維護，HTML一般都是外部匯入CSS樣式的。因此，新手使用CSS樣式遇到的問題一般是外部匯入的CSS不起作用。

下面我們來看一下解決外部css不起作用的方法：

解決方案一：

將css引入的link的屬性補充完整。

連結外部css樣式時候link標籤的內容結構解釋：

• href 值為外部資源地址，這裡是css的地址

• rel 定義當前文件與被連結文件之間的關係,這裡是外部css樣式表即stylesheet

• type 規定被連結文件的 MIME 類,這裡是值為text/css

廣州vi設計公司 http://www.maiqicn.com 我的007辦公資源網 https://www.wode007.com

解決方案二：

將自己定義的CSS樣式引入標籤放在bootstrap框架樣式引用之後，確保不會被在載入頁面時被框架的樣式覆蓋

<link href="../css/bootstrap.min.css" rel="stylesheet">
<!--<link rel="stylesheet" href="../css/bootstrap-theme.min.css">-->
<link href="../css/index.css" type="text/css" rel="stylesheet" charset="utf-8">