Html 当相同的css用作内部css时,调用外部css文件不会产生相同的结果
如果我从这个示例中获取css脚本,并将其放入2个外部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> <
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">