那是因為引入外部樣式之后，外部樣式和內部樣式有沖突，并且外部樣式的級別高于內部樣式導致的。

CSS優點和缺點優點：1，CSS對于設計者來說是一種簡單、靈活、易學的工具，能使任何瀏覽器都聽從指令，知道該如何顯示元素及其內容2，個樣式表可以用于多個頁面，甚至整個站點，因此具有更好的易用性和擴展性3，使用CSS樣式表定義整個站點，可以大大簡化網站建設，減少設計者的工作量缺點：瀏覽器支持的不一致性

2.CSS

沒有父層選擇器3.不能明確地指定繼承性4.垂直控制的局限 5.顯示的缺乏6.缺乏正交性

css樣式分為：內聯式css樣式、嵌入式css樣式、外部式css樣式。

對CSS三種樣式定義及其實例：

內聯式css樣式。

內聯式css樣式表就是把css代碼直接寫在現有的HTML標簽中，如下面代碼：

1 <p style="color:red">這里文字是紅色。</p>

css樣式代碼要寫在style=""雙引號中，如果有多條css樣式代碼設置可以寫在一起，中間用分號隔開（英文狀態下;）。

嵌入式css樣式。

嵌入式css樣式，就是可以把css樣式代碼寫在標簽之間。如下面代碼實現把三個標簽中的文字設置為紅色：

1 <style type="text/css">span{color:red;}</style>

嵌入式css樣式必須寫在之間，并且一般情況下嵌入式css樣式寫在之間。

外部式css樣式。

外部式css樣式(也可稱為外聯式)就是把css代碼寫一個單獨的外部文件中，這個css樣式文件以“.css”為擴展名（也可以為調用其他網站CSS）。

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

注意事項： 1、css樣式文件名稱以有意義的英文字母命名，如 main.css。 2、rel=”stylesheet” type=”text/css” 是固定寫法不可修改。 3、標簽位置一般寫在標簽之內。

掌握好三種CSS三種樣式使用方法在Web開發中將節省很多時間。

外部樣式表文件，也就是保存成xxx.css文件，調用的時候，用拖進來的，生成的代碼記不住了，可以任意在被調用的文件中有效內部樣式表，也就是寫在<style></style>之間的，只在本文件中有效內聯樣式，也就是寫在某標簽的style=""里邊的，只對當前應用的標簽有效。