Question

如果我从此示例W3Schools中获取css脚本，并将其放入2个外部css文件（font.css和menu.css）中，然后在html中调用它们，则来自Dropdown的箭头菜单消失。

https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css中的内容在font.css中，标签<style>的全部内容在menu.css中。

我无法包含Web链接，因为我无法在要创建此链接的地方访问互联网。

代码以这样的方式结束：

<html>
<head>
  <meta name="viewport" content="width=device-width, initial-scale=1">
  <link rel="stylesheet" type="text/css" href="font.css" >
  <link rel="stylesheet" type="text/css" href="menu.css" >
</head>
<body>
  <!–– Rest of the code...-->
</body>

 </html>

Answer 1

不足以将https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css的内容复制到您的CSS文件中！由于存在一些由“ 关系路径”定向的链接的字体和图像在这种情况下，您必须使用外部CSS URL替换为本地CSS文件手段; 替换

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

使用

<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">

或者如果您想使用离线，则必须从 FontAwesome工具包下载 https://fontawesome.com/download 并在源代码中使用它下载的存档文件中有示例文件...

当将相同的css用作内部css时，调用外部css文件不会得到相同的结果

1 个答案: