將css連接到html文件的麻煩

我在將我的CSS文件連接到我的HTML文件時遇到了一些問題。這是我的HTML文件代碼：將css連接到html文件的麻煩

<!DOCTYPE html> 
<html> 
<head> 
    <link rel="stylesheet" href=「styles.css"> 

    <title> BLAH BLAH | Portfolio </title> 
</head> 

<body> 
    <div class =「links」> 
    <ul> 
     <li><a href=「#」>ABOUT</a></li> 
     <li><a href=「#」>PROJECTS</a></li> 
     <li><a href=「#」>CONTACT</a></li> 
    </ul> 
    </div> 

<h2> BLAH BLAH </h2> 

</body> 
</html>

，這是我的CSS文件至今：

.links li{ 
display:inline; 
}

我只是試圖讓列表（約，項目，接觸）是在我的頁面頂部以直線形式呈現。但是，即使在應用了CSS代碼之後，格式也不會在我的網頁上發生變化，而是呈現在三條獨立的行上。我想知道如果有人能幫我弄清楚我做錯了什麼？

順便說一句我的CSS文件名爲styles.css的

來源

2015-09-10 asdfgh

看起來你有一些拼寫錯誤，請注意'「styles.css的‘>'的報價必須是'’'和'沒有「'。因此，請將文件中的所有引號更改爲正確的引號。注意這貫穿整個文件。 –

@asdfgh我會推薦Windows上的Notepad ++或Mac OS上的文本Wrangler（其他人可能會在這裏跳轉到他們最喜歡的編輯器，但這個想法是使用任何編譯器都是在編程時考慮到的）。這樣你就不會得到這個引號自動更正的螺絲。 –

您沒有使用引號的href。

<link rel="stylesheet" href=「styles.css"> 
<!--      ^  -->

這就是CSS文件未加載的原因。使用正常的雙引號。

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

同樣的事情在完整的代碼中完成。在所有的事件中改變這一點。

.links li { 
 
    display: inline; 
 
}

<!DOCTYPE html> 
 
<html> 
 

 
<head> 
 
    <!-- <link rel="stylesheet" href="styles.css"> --> 
 

 
    <title>BLAH BLAH | Portfolio</title> 
 
</head> 
 

 
<body> 
 
    <div class="links"> 
 
    <ul> 
 
     <li><a href="#">ABOUT</a> 
 
     </li> 
 
     <li><a href="#">PROJECTS</a> 
 
     </li> 
 
     <li><a href="#">CONTACT</a> 
 
     </li> 
 
    </ul> 
 
    </div> 
 

 
    <h2> BLAH BLAH </h2> 
 

 
</body> 
 

 
</html>

我建議你從W3

來源

2015-09-10 03:50:19 Tushar

當我通過Skype或其他可怕的程序共享代碼時，我總是看到這一點。 – ryanpcmcquen

<link rel="stylesheet" href=「styles.css">驗證你的HTML假設你的樣式表的文件名是styles.css的和文件位於同一文件作爲你的HTML頁面，你正確地引用了這個。此外，您可以嘗試添加類型到你的鏈接標籤（如下所示）

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

來源

2015-09-10 03:54:19

只是改變「與「

，因爲這個語法錯誤的：瀏覽器生成以下錯誤：

GET file：/// C：/Users/Md.%20Alamin%20Mahamud/Desktop/New%20folder/%C3%A2%E2%82%AC%C5%93styles.css%22 net :: ERR_FILE_NOT_FOUND

下面的代碼片段將正常工作

<!DOCTYPE html> 
<html> 
<head> 
    <link rel="stylesheet" href="styles.css"> 

    <title> BLAH BLAH | Portfolio </title> 
</head> 

<body> 
    <div class ="links"> 
    <ul> 
     <li><a href="#">ABOUT</a></li> 
     <li><a href="#">PROJECTS</a></li> 
     <li><a href="#">CONTACT</a></li> 
    </ul> 
    </div> 

<h2> BLAH BLAH </h2> 

</body> 
</html>

來源

2015-09-10 03:56:25 alamin

將css連接到html文件的麻煩

回答

相關問題