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

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

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

這時(shí)候我們需要檢查一下以下幾個(gè)問(wèn)題：

1.文件路徑是否正確

或

2.文件名是否正確

3.樣式名是否正確

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

通過(guò)檢查以上問(wèn)題，我們往往可以找到和解決錯(cuò)誤，讓外部css可以成功控制頁(yè)面樣式。