將一個css文件鏈接到我的html文件

我在計算如何將一個.css文件鏈接到我的.html文件時遇到了太多的麻煩。他們都在我的桌面上的同一個文件夾中。將一個css文件鏈接到我的html文件

我創建了這些崇高，當我做styles.css我做了saveas選擇我的桌面上，我的html文件夾，然後將其保存爲一個css文件。可能是問題的一個問題是，當我查看文件夾中的文件時，html說的是filename.html，但是CSS只是說沒有.css而文件類型是文件的樣式。我試圖進入屬性並將其更改爲.css，但這也不起作用。

這是HTML文件我已經試過「/style.css」，「文件夾名/ style.css文件」，和整個路徑

<html> 


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

<body> 

<div class ="test"> 
    test 
</div> 

</body> 

</html>

這是一個有風格的文件名CSS文件.css

.test{color:green; margin:50px;}

來源

2016-03-06 Justin

*可能是問題的一個問題是，當我看文件夾中的文件，html說filename.html，但CSS只是說樣式沒有.css和文件類型是文件。* - 這讓我懷疑你正在使用Windows資源管理器來檢查文件名，並且可能會將其配置爲隱藏可識別的文件類型的文件名。這是迷惑自己的好方法，因此追蹤該設置並確保其關閉可能是一個好主意。 – Quentin

謝謝quentin，但我已經檢查過了。我找到了解決方案，但我不明白它是如何解決它的。到底發生了什麼是我點擊的CSS文件來打開它，它說打開，我忘了我已經安裝了一些叫做括號的HTML編碼，並打開它，我認爲它轉換成一個CSS文件，而我原本以爲它不是一個。 – Justin

-2

您是否將CSS文件命名爲「styles.css」或「style.css？」

在本地工作時，使您的css路徑相對。所以它看起來像這樣：

<link rel="stylesheet" href="../styles.css">

來源

2016-03-06 21:13:28 kawnah

它是style.css，我不明白什麼使我的文件路徑相對意味着什麼。我確實保存爲，將它放在桌面上的同一個文件夾中，然後放到放置文件類型的地方，我點擊了css – Justin

問題是這兩個文件位於同一個文件夾中。它並不是說CSS文件位於包含HTML文件的目錄的父目錄中。 – Quentin

@Justin - 相對的意思是「不使用絕對URL」，它將從一個方案（例如'http：'）開始，然後包括所有服務器在內。你已經這樣做了。 – Quentin

將一個css文件鏈接到我的html文件

回答

相關問題