vscode里html里css没效果，vscodehtml调用css不起作用

为什么VScode中的代码用chrome打开没有css效果

你都没有保存，怎么会显示的出来。vscode不会自动保存，所以要养成习惯，写完一行代码就记得及时保存，ctrl+s键保存很方便的。

不同的浏览器有不同的要求，有些浏览器的css的效果用dw的时候就不会显示，所以你查看样式效果的时候不要用dw。

网页源代码直接复制保存没有效果的原因：①网页代码的head部分有引用别的文件，包括js以及css样式。如果你没有对应的文件。网页上的样式和一些js写出来的效果是没有的。你的问题应该就是这个原因造成的。

只能修改自己引入（设置）的样式，用户代理样式（浏览器设置的，开发者无法修改），毕竟那是浏览器，咱们无法控制。

相关问答

Q1: html+css问题,修改css样式后效果没生效

在如图网页中，我们可以看到style中的样式列表，以及所展示的效果图。将style中的全部css样式选中，然后复制或者剪切。然后ctrl+N新建一个CSS样式文件，如图所示，然后创建。

去掉你的style 标签 table，tr，td { border：1px solid blue； } 要注意你有没有引入了这个css 。

估计是你没有导入外部样式表，link href=../../css/main.css rel=stylesheet type=text/css / 类似这种，注意路径，如果不是这个问题，追问吧。

缺点是没有整篇文件的“统一性”，在修改样式时变得困难，不方便维护。

不生效的原因 选择器写错 语法错误 选择器路径有误 出现很多这种状况，怕路径出错，就复制路径，一不小心就复制多了一个选择器，所以出现css不生效的原因。复制的问题小心，切记。

Q2: vscode为什么html和javascript无效调试控制台

1、vscode写html 代码不能运行 Code language not supported or defined是没有正确调试造成的，解决方法为：首先需要在这里打开vs code软件，新建后才能编译测试。此时我们就能在这里设置vs code软件的名称，既能开始设置。

2、这个问题可能是由于VSCode的设置问题导致的。您可以尝试以下方法：检查VSCode的设置，确保调试控制台已启用。您可以在VSCode中的“终端”菜单下找到“调试控制台”选项，然后单击它以打开调试控制台。

3、未安装JavaScript扩展，未正确设置环境。未安装JavaScript扩展：在VisualStudioCode中运行JavaScript之前，需要安装相应的扩展。可以在扩展市场中搜索并安装JavaScript扩展。

4、点击添加配置选项打开下拉菜单，点击添加配置选项。

5、vscode运行和调试按钮没了是隐藏了，在VS Code中，由于Python的调试功能是由Python扩展提供的，因此，建议在VS Code的扩展中心重新安装python扩展。

6、如果调用的是外部js文件，看看路径是否正确；如果是在HTML文件中写在head标签中，看你的函数或者其他是否写错；有时候js的script标签要写在body中相应元素标签的下面，才会有效。

Q3: 为什么VSCode里面HTML没有CSS和JS提示了

的确是没有了，不过可以用插件来实现：CSS：HTML Class Suggestions 用来在HTML里提示引入的外部css选择器名称。HTML css support 用来在html 里css属性提示。JS 的还没找到（暂时试试这个吧。

检查HTML文件中是否正确引用了CSS和JavaScript文件，包括文件的路径和文件名是否正确。检查HTML文件中是否正确嵌入了JavaScript代码，包括代码的位置和语法是否正确。

html里引入插件，才能显示并调用插件里的可选方法。你可以看成插件是很多js文件合在一起的。

Q4: 请问为什么css文件用link嵌入到HTML文件后打开网页没有效果?

可能是路径问题，查看路径是否正确。CSS代码编写有问题，可能是 utf-16 ，重新编写改成utf-8，或者在link里面添加属性：charset=utf-8就好了 代码写错了。

出现link所引用的css无效，原因多数是css路径写的不正确。路径分为相对路径和绝对路径。如果是相对路径要仔细检查路径是否和文件相对应。另外，如果css代码写的有错误，即使路径正确也会导致css文件样式不会生效。

去掉你的style 标签 table，tr，td { border：1px solid blue； } 要注意你有没有引入了这个css 。

关于vscode里html里css没效果和vscodehtml调用css不起作用的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。