如何將外部css添加到html中

Question

我使用過內聯和導入的 css 加載，但在使用外部加載時遇到問題，之前從未嘗試過。

放入一個 css 文件中，我實際上並不具體知道我想要保留和刪除哪些動畫，稍后會出現。 我如何實際將它添加到 html 中？ 在標題中，我有

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

鏈接，因此我的 html 與我的 css 相關聯。

例如，如果我想將.animated.hinge添加到<p> ，我該怎么做？

最好沒有任何 javascript 或 php，還沒有進展那么遠！ 謝謝！

Answer 1

問題是當您鏈接到 CSS 文件時，您使用的是反斜杠而不是正斜杠並且缺少雙引號。

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

Answer 2

網站都是關於文件的。 如果您在 index.html 所在的文件夾中有一個名為 animate.css 的文件，您可以簡單地使用下一個標簽調用它

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

這意味着您正在引用 animate.css 文件。 在那里您可以按類選擇對象，然后在 html 文件中使用它們。

Answer 3

你也可以像這樣向 p 元素添加類

<p class="animated hinge">Paragraph</p>

Answer 4

我們可以通過 head 標簽中的 link 標簽包含外部 css 文件。 請參閱以下相同的語法。 還要檢查文件路徑（href 路徑），它應該是相對的或絕對的。

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

您在開始時缺少一個雙引號，您必須在 href 屬性中使用“/”而不是“\\”。