在網(wǎng)頁開發(fā)中，html負(fù)責(zé)頁面結(jié)構(gòu)，而css則負(fù)責(zé)頁面的樣式。通常我們會將css文件使用link標(biāo)簽放在head中來引入，然后在標(biāo)簽中使用class或id等屬性來設(shè)置樣式。但有時候我們會遇到外部css控制不起作用的情況。

div {
width: 100px;
height: 100px;
background-color: red;
}

以上代碼設(shè)置了一個div的樣式，但當(dāng)我們將它放在外部樣式表文件中，如test.css，并在html文件中使用link引入后，發(fā)現(xiàn)樣式并沒有生效。

這時候我們需要檢查一下以下幾個問題：

1.文件路徑是否正確

或

2.文件名是否正確

3.樣式名是否正確

/* css文件中的樣式名 */
.square {
width: 100px;
height: 100px;
background-color: red;
}

通過檢查以上問題，我們往往可以找到和解決錯誤，讓外部css可以成功控制頁面樣式。