外部css引入失败
Posted
tags:
篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了外部css引入失败相关的知识,希望对你有一定的参考价值。
<head>
<link rel="stylesheet" type="text/css" href="css/headcss.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>深蓝色</title>
</head>
刚接触css。上面是head内容
下面的css
@charset "utf-8";
/* CSS Document */
<!----------------------以下为整体样式--------------------------->
#con
background-color:#F00;
height:1000px;
width:1000px;
奇怪的是:放在head内部是没问题的,但是只要做外部引入,就完全失效,任何浏览器都不行。
解决方法:备份后,一个一个删除中文注释。也许突然删除一条后你就发现成功了
补充:百度来的:
CSS 文件默认是 ANSI 编码,可能你会发现在一般情况下这样也是没有问题的,然而当 CSS 文件中包含有中文注释时就可能不尽如人意了!
保证应用程序中,HTML、JS、CSS等使用统一的编码。最好使用UTF-8 参考技术A 你这是本地的?估计是路径没写对,你预览下,然后查看下源码。看下CSS路径跟你的本地是不是相符的。 参考技术B 首先把:
<link rel="stylesheet" type="text/css" href="css/headcss.css"/>
放在<title></title>标签下面
再者 :
查看你的css路径是否正确 参考技术C 看如上代码没啥问题,主要检查一下你在HTML部分con的定义是否有问题; 参考技术D 可能是路径错了
关于Vue-cli引入外部js资源文件失败的一点思路
参考技术A 首先申明我是window系统下Vue-cli 4.5.3版本,脚手架整体基于vue2内核。1.正常js文件如果有使用export向外暴露对象,将js放在src/assets都是可以通过import直接引入。但有有些情况下我们需要导入第三方的js文件,例如近期我在做的阿里云点播视频上传SDK,包括最近在学习的ThreeJs,如果单单只是在public中index.html通过<script src="https://cdn.bootcss.com/three.js/92/three.js"></script>引入,是不够的还需要在具体vue页面引入:
这也是我尝试两天才成功,走了些弯路,希望帮助到有同样问题的打工人,共勉!
以上是关于外部css引入失败的主要内容,如果未能解决你的问题,请参考以下文章