使用 external.css 進行 html 造型

Question

我有一個問題，我無法將我的外部 style.css 鏈接到我的 index.html 文件。 這兩個文件都在完全相同的目錄中。

我的風格。css：

<style>
table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
th, td {
  padding: 5px;
  text-align: left;    
}
</style>

我正在嘗試將它鏈接到我的 html 中，如下所示：

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>test</title>
    <link href="style.css" type="text/css" rel="stylesheet"/>
</head>

完整的 html 腳本：


<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8" />
    <title>test</title>
    <link href="style.css" type="text/css" rel="stylesheet"/>
</head>




<br>

<table id="t1">
<caption>Operation table</caption>
    <thead>
        <tr>
            <th>Operation code</th>
            <th>To Do</th>
            <th>Done</th>
            <th>Left</th>
        </tr>
    </thead>
    <tbody>
        <tr>
            <td>abc</td>
            <td>1000</td>
            <td>50</td>
            <td>
            </td>
        </tr>
        <tr>
            <td>def</td>
            <td>555</td>
            <td>50</td>
            <td id ="number1">  
            </td>
        </tr>
    </tbody>
</table>
<p id="demo"></p>
</html>

我在網上查找的所有示例都使用完全相同的方法。

我已經連接到網絡服務器並打開了開發者模式，看看我是否能看到任何東西。 我設法發現了一個錯誤：

Refused to apply style from '192.168.10.173:8080/style.css' because its MIME type ('text/html') is not supported stylesheet MIME type, and strict MIME checking is enabled

仍在尋找可能導致它的原因

Answer 1

CSS 文件不應該有style標簽。 只需刪除它們，它就會起作用。

table, th, td {
  border: 1px solid black;
  border-collapse: collapse;
}
th, td {
  padding: 5px;
  text-align: left;    
}

當您想在 HTML 文件中聲明 styles 時，您必須將 CSS 放在style標簽之間。

使用 external.css 進行 html 造型

問題描述

1 個解決方案

解決方案1
2 2021-06-03 11:58:06

使用 external.css 進行 html 造型

問題描述

1 個解決方案

解決方案1 2 2021-06-03 11:58:06

解決方案1
2 2021-06-03 11:58:06