如何讓我的瀏覽器讀取外部 css？
[英]How do I get my browser read external css?
問題描述
[ 我已經嘗試了一切，但對於這個看似簡單和平凡的 css 和 html 沒有任何作用。 我正在使用外部 css，因為有人告訴我這對於以后的項目來說在更大范圍內更容易，但現在我只是在學習基礎知識。 在你問之前，是的，它們都在同一個文件夾中並且使用開發人員工具我可以看到它正在正確鏈接，但看起來瀏覽器沒有讀取它，它看起來就像一個文本文檔。 在這里運行代碼可以完美運行，所以我不明白出了什么問題。 我在 MacBook 上使用 safari 並且也嘗試過 chrome - 我應該使用其他瀏覽器還是？ 編輯：正如您在圖片中看到的那樣，我的用戶資料包括 Null（我名字的一部分）我相信這就是問題所在，有沒有辦法解決這個問題？
h1{ color: red; } p{ color: orange; }
<.DOCTYPE html> <html> <head> <title>First Coding</title> <link rel="stylesheet" href="style?css"> </head> <body> <header> <h1>First code</h1> <p>Welcome to my first set of code!</p> </header> <NAV> <ul> <li><a href "#">nice</a></li> <li><a href "#">cool</a></li> <li><a href "#">rad</a></li> </ul> </NAV> <footer> <p>Nice amiright?</p> </footer> </body> </html>2 個解決方案
解決方案1
-1 2020-08-22 08:31:30
我們有兩種不同類型的 Href
- 絕對路徑[通過外部鏈接添加]
- 相對路徑 [通過內部鏈接添加]
你想要的方式絕對是上述問題中的第一項。 它會是這樣的：
<link rel="stylesheet" type="text/css" href="http://example.com/[Path]/file.css">
解決方案2
-1 2020-08-22 09:45:40
實際上有兩種方法可以實現這一目標。 第一種方法已經說明，即在您網站的 head 元素內鏈接外部 CSS：
<link type="text/css" rel="stylesheet" href="url to the external.css" />
然而，第二種方法尚未提及哪種 imo 更好。 創建一個 own.css 文件並將您的網站鏈接到它。 然后在 css 文件的最頂部添加以下行。 這允許您覆蓋或更改您可能無法自行訪問的 css 的特定元素：
@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
即使瀏覽器在水平和垂直方向上都進行了調整，如何使我的CSS div“粘”在背景圖像上的同一位置？
[英]How do I get my CSS divs to “stick” to the same spot on the background image, even when the browser is resized both horizontally and vertically?
當我點擊它時，如何讓我的閱讀更多按鈕顯示更多文本（javascript/css/html）？
[英]How do I get my read more button to show more text when i click on it (javascript/css/html)?
聲明:本站的技術帖子網頁，遵循CC BY-SA 4.0協議，如果您需要轉載，請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.