如何讓CSS鏈接到HTML？

-1

我對編碼非常陌生，但大部分都有基礎知識。我最近下載了Atom並創建了非常簡單的HTML和CSS文件。我使用了標準鏈接方法（如代碼所示），但似乎無法讓我的CSS鏈接。到目前爲止，我唯一的安裝是webBoxio/atom-html-preview。如何讓CSS鏈接到HTML？

HTML：

<!DOCTYPE HTML> 
<HTML> 
<body> 
    <link rel="stylesheet" type="text/css" href="mine.css"> 
     <h1>test</h1> 
     <p>test</p> 
    </body> 
</HTML>

CSS：

h1, p { 
    font-family: Sans-Serif ; 
}

來源

2016-07-12 gabe1331

你的HTML頁面與mine.css文件在同一目錄下嗎？如果是這樣，那麼你的鏈接是正確的。如果沒有，那麼你必須對mine.css所在位置的相對路徑進行編碼。不知道這與原子有什麼關係。 – ManoDestra

是你的HTML文件和CSS文件在同一個文件夾中，還是每個都在他們自己的單獨文件中？ –

我相信如此..他們在同一個文件夾，如果這是相同的事情。 – gabe1331

正如其他人的評論說，在<link>標籤應<head>和</head>標籤之間去。因此，代碼爲：

<!DOCTYPE HTML> 
<HTML> 
<head> 
    <link rel="stylesheet" type="text/css" href="mine.css"> 
</head> 
<body> 
    <h1>test</h1> 
    <p>test</p> 
    </body> 
</HTML>

然而，你的代碼爲我工作在Firefox。

另外，我建議你這個網站，如果你想學習HTML（如果你還沒有找到它）：http://www.w3schools.com/

來源

2016-07-12 19:23:50 AstroRP

原因是這兩個文件必須在同一目錄下。有同樣的問題，直到我改變了這個問題後才發現。 HTML和.CSS都需要位於同一文件夾中，而不是位於另一個文件夾中的同一文件夾中。希望這有助於未來的其他窺視。

來源

2017-07-23 02:47:03

如何讓CSS鏈接到HTML？

回答

相關問題