如何将外部CSS添加到html中

时间:2016-03-11 00:42:04

标签: html css css3

我已经使用了内联和导入的css加载但是遇到了外部问题,以前从未尝试过。

我从此链接css link

复制并粘贴了所有内容

进入一个css文件,我实际上并没有具体知道我想要保留哪些动画并将其删除,这将在以后发生。 我如何实际将其添加到html中?在标题我有

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

链接所以我的html会写入我的CSS。

如果我想将.animated.hinge添加到<p>,我该怎么做?

最好没有任何javascript或php,还没有进展到那么远! 谢谢!

4 个答案:

答案 0 :(得分:5)

问题是当你链接到CSS文件时,你使用反斜杠而不是正斜杠并且缺少双引号。

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

答案 1 :(得分:0)

网站都是关于文件的。如果您在index.html所在的文件夹中有一个名为animate.css的文件,则只需使用下一个标记调用它即可

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

这意味着您正在引用animate.css文件。你可以通过clases选择你的对象,然后在html文件中使用它们。

答案 2 :(得分:0)

你也可以像这样添加类到p元素

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

答案 3 :(得分:0)

我们可以通过head标签中的link标签包含外部css文件。请参阅以下语法。还要检查文件路径(href路径),它应该是相对的或绝对的。

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