引入css文件不起作用?

引入css文件不起作用?

按F12查看开发者工具中显示,有 common.css,但是页面上的样式却没有改变,代码如下:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title>Vue介绍</title>
    <link href="../css/common.css" charset="utf-8">
    <script src="https://cdn.jsdelivr.net/npm/vue/dist/vue.js"></script>
</head>
...
</body>

解决方法:

<link rel="stylesheet" href="../css/common.css" charset="utf-8">

加了 rel属性后就好了,rel是关联的意思,关联的是一个样式表(stylesheet)文档,它表示这个link在文档初始化时将被使用,一般不需要改动的。

Image placeholder
前端答疑
未设置
  41人点赞

没有讨论,发表一下自己的看法吧

推荐文章
vue引入swiper vue使用swiper vue脚手架使用swiper /引入js文件/引入css文件

vue引入swipervue使用swipervue脚手架使用swiper/引入js文件/引入css文件欢迎加入前端交流群来获取视频资料以及前端学习资料:749539640转载文章请注明出处! 如果只是

link标签引入css不起作用怎么办?

link标签引入css不起作用怎么办?1、使用link标签引用CSS:2、link无效的问题:●原因多数是css路径写的不正确。路径分为相对路径和绝对路径。如果是相对路径要仔细检查路径是否和文件相对应

js中如何引入css文件以及路径问题

js中如何引入css文件以及路径问题一、在js中引入css文件的方法:1、通过document.createElement方法创建link标签;2、通过setAttribute方法设置link标签的c

js如何引入css文件?

js如何引入css文件?1、使用document.write方式输出引入css的link标签在调用文件的顶部加入下例代码 document.write(''); (注:有时你引用的文件还可能需要引用其

css after不起作用?

cssafter不起作用?cssafter伪类元素不起作用是因为添加的元素默认是inline元素,需要设置content属性,否则伪类元素就不起作用了。(相关课程推荐:css视频教程)伪元素:afte

css设置span标签里text-indent不起作用?

css设置span标签里text-indent不起作用?span标签的text-indent不起作用是因为text-indent只能给块级元素设置,而span标签是行内元素。解决方法是设置span标签

dw中如何插入css文件?

DW全称AdobeDreamweaver,中文名称"梦想编织者",最初为美国MACROMEDIA公司开发[1],2005年被Adobe公司收购。DW是集网页制作和管理网站于一身的所见即所得网页代码编辑

css行内样式不起作用怎么解决

css行内样式不起作用css行内样式不起作用的原因有两个:●语法错误●样式被覆盖1、语法错误的解决方法行内样式的正确书写格式如下测试文字css写在标签的style属性上,每条样式使用分号隔开。2、样式

jsp怎么引入css样式?

JSP页面引入CSS样式有三种方法,且其优先级不同。具体如下:外部样式,内嵌样式,行内样式。优先级依次增高!下面给大家具体介绍一下:1、外部样式jsp可以在link标签中使用href属性引入css文件

css文件怎么用?

css文件怎么用?css文件使用有两种方式,一种是通过link标签引入,一个是使用@import进行导入。1、通过link使用css文件将下面代码放在head标签中(相关课程推荐:css视频教程)2、

html找不到css文件怎么解决

html找不到css文件怎么解决如果你在引用css文件时,使用了错误的文件路径,就会导致引用失效。解决方法就是填写正确的css文件路径。下面我们学习下HTML填写路径的两种方法。(推荐学习:HTML视

nginx找不到js css文件怎么办

nginx找不到jscss文件怎么办js、css都算静态资源,之所以请求不到是因为nginx做代理后的虚拟路径和静态资源的请求路径不一致导致的。只需要更改root的配置就可以了。设置location如

css文件放在哪个目录

css文件放在哪个目录css文件放在项目目录下的任何一个目录都可以,但是为了项目目录规范整洁,我们通常是放在css目录下。不同的框架放置的位置也不同。可以按照框架的规范来。下面给出一份web项目目录参

css文件放在项目哪里?

css文件放在项目哪里?css文件一般放在项目目录的css文件夹中,也可以根据框架要求放在不同的位置,例如react中,一个React组件一般就是一个文件夹,将相应的js和css文件放在组件文件夹即可

如何修改css文件?

如何修改css文件?1、首先找到需要修改的css文件2、然后双击打开如果你没有安装相应的代码编辑器,那只能使用记事本打开了,没有语法高亮和代码提示。3、这里我们使用SublimeText这款代码编辑器

css文件中文乱码怎么解决?

css文件中文乱码怎么解决?一、字体乱码:1、比如设置字体为宋体:font-family:’宋体’;但因此产生的一个问题是,如果CSS编码有误,会导致页面加载后CSS中的中文字体乱码。通常会采用对中文

怎样新建css文件?

怎样新建css文件?css文件就是一个普通的文本文件,只是后缀名是.css。在windows操作系统下,文本文件命名为.txt,我们右键桌面——新建——文本文件,然后右键文本文件——重命名,将后缀名改

如何合并多个js和css文件?

如何合并多个js和css文件?(1)G.js文件~function(){ window.G={}; G.Method={ add:function(){ alert(111); }, sub:func

jquery判断css文件是否存在?

jquery判断css文件是否存在?主要使用了ajax,通过请求css资源文件,根据http状态码来进行判断。状态码为200则存在,为404则不存在。检测 $("#btn").click(func

怎么查看css文件?

怎么查看css文件?如何利用浏览器查看网站源代码和css样式1、首先打开浏览器。2、打开自己想要查看html和css代码的网站,这里我就打开百度首页。3、之后按下键盘的F12。4、之后会弹出一个格式工

css文件怎么打开

css文件怎么打开?css文件可以使用记事本、vim、sublimetext、vscode打开。实际上,只要是一款文本编辑器,都能打开css文件,因为css文件本质上就是一个文本文件。1、vscode

怎么在html中加入css样式

html添加css样式有三种方法,分别为行内式(使用style属性,在特定的HTML标签内使用)、内嵌式(style标签把css代码放在特定页面的head部分中)、外联式(使用link标签,将外部cs

怎么载入css样式?

1.行内式行内式也称内联样式,是通过标记的Istyle属性来设置标记的样式,其基本语法格式如下:

html如何导入css

html如何导入css1、使用链接式(推荐学习:HTML视频教程)2、使用导入式 @import"style.css" 扩展资料:二者的区别导入式和链接式的目的都是将一个独立的css文件引入一个文件中

邮件不支持css怎么办?

邮件不支持css怎么办?邮件是支持css的,但是需要使用内联样式,内部样式和外部样式无法使用。下面是一些在邮件中使用css的注意事项:1.邮件使用table+css布局2.邮件主要部分在body内部,