Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181

Warning: file_get_contents(/data/phpspider/zhask/data//catemap/5/fortran/2.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
Html 当相同的css用作内部css时,调用外部css文件不会产生相同的结果_Html_Css - Fatal编程技术网

Html 当相同的css用作内部css时,调用外部css文件不会产生相同的结果

Html 当相同的css用作内部css时,调用外部css文件不会产生相同的结果,html,css,Html,Css,如果我从这个示例中获取css脚本,并将其放入2个外部css文件(font.css和menu.css)中,然后在html中调用它们,则下拉菜单中的箭头将消失 来自https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css位于font.css中,标签的全部内容位于菜单中。css 我无法包含web链接,因为我无法访问要创建此链接的internet 代码的结尾如下: <html> <

如果我从这个示例中获取css脚本,并将其放入2个外部css文件(
font.css
menu.css
)中,然后在html中调用它们,则下拉菜单中的箭头将消失

来自
https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css
位于
font.css
中,标签
的全部内容位于
菜单中。css

我无法包含web链接,因为我无法访问要创建此链接的internet

代码的结尾如下:

<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>

仅将的内容复制到css文件是不够的!因为有一些链接字体和图像是由“关系路径”引导的 在这种情况下,您必须使用外部CSS URL替换本地CSS文件 方法 替换



或者,如果您想脱机使用工具,您必须从 并在源代码中使用它
下载的存档文件中有示例文件…

请提供一个。你链接的css文件也不会加载到这里,如果我们看不到它,我们就无法修复它。css文件加载了吗?如中所示,您是否通过网络呼叫获得了200状态?您是否添加了jquery
我的意思是thisHi@Bob,您在W3Schools上链接到的示例使用的,正如您在Dev工具中所看到的(
包含在
中)。如果希望它工作,请确保添加它;)@我用
font.css中的脚本制作了一个名为
font.css
的文件https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css
我忘了提到我无法访问internet。我的代码中需要包含哪些存档文件?要使用此工具包的所有功能,必须复制所有提取的文件夹在index.html或其他文件旁边。。。你也可以把它们放在一个文件夹中,但主要需要的文件夹是css,这里的webfonts是示例场景;您有自己的index.html文件并将css、webfonts放在旁边,现在您必须在标记中包含以下代码:
  <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">