外联css不生效,css外联样式不起作用的解决方法

css外联样式不起作用的解决方法

发布时间：2020-12-22 09:32:23

来源：亿速云

阅读：67

作者：小新

这篇文章主要介绍css外联样式不起作用的解决方法，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！css外联样式不起作用的解决办法：首先用sublime编辑器打开css文件；然后修改本地css文件编码格式为“utf-16LE”；最后重新保存运行即可。

作为一个前端小白，鼓捣了几天前端。。今天突然发现我深信不疑的东西，竟然出现了问题。。就比如我在css目录下面写了一个css样式文档：style.css。这时里面只有一句话：body {

background-color: #ddd;

}

然后再我的html文件里面去引入这个外部css：XML

在浏览器一刷新。。哇，kao。竟然没反应，不起作用。。我检查了好几遍这个路径确定没有问题，打开chrome的F12调试器。确信浏览器加载了css文件，然后我打开了这个文件，发现：

竟然乱码。。应该是编码是格式出了问题，但却不得要领。。咨询了一个前端小伙伴，后检测网页当前编码：

显示的是UTF-16LE编码。。

后面我试了一下，用sublime编辑器修改本地css文件编码格式为这个utf-16LE：

重新编写了css代码。保存运行。。果然就可以了。。

但是我的html我指定的是utf-8，而css是utf-16，这让我很不爽。。所以又询问了一下解决方案。可以解决，而且很简单。。

把css重新改成utf-8，并编辑好里面的代码。只需在html引入这个css的时候，声明编码格式就好了：

即给link标签加一个属性：charset="utf-8"就好了。。。其实就这么简单。。。

以上是“css外联样式不起作用的解决方法”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注亿速云行业资讯频道！

外联css不生效,css外联样式不起作用的解决方法相关推荐

scoped 不生效_.vue文件加scoped 样式不起作用的解决方法
浅谈关于.vue文件中的style的scoped属性注意:scoped作用:使得.vue中的样式不影响其他.vue组件样式,而不是scoped使得.vue组件样式不受外样式影响. 1.在vue组件中 ...
html行高设置失效,科技常识：关于css中line-height(行高)设置无效的问题的解决方法...
今天小编跟大家讲解下有关关于css中line-height(行高)设置无效的问题的解决方法 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关关于css中line-height(行高)设置无效 ...
css未生效,css不生效是什么原因
css不生效的原因:1.html标签没写完整,漏了""或者"/"等:2.样式表保存的编码错误:3.样式被层叠:4.CSS语法错误:5.选择器写错. 本教程操作环 ...
CSS让2个DIV在同一行显示的解决方法
在CSS中,div属于块级元素,每个块级元素默认占一行高度,一行内添加一个块级元素后无法一般无法添加其他元素(float浮动后除外).两个块级元素连续编辑时,会在页面自动换行显示.所以默认情况下,2个 ...
【Popover 弹出框】在vue中，ElmentUI下Popover 弹出框组件 “ 自定义样式修改不了 ” 的解决方法
通过 /deep/ 深层查找并不能找到相关的元素,查找原因发现此组件的样式是全局样式,如果你style中加了scoped,如<style lang="scss" scoped ...
css未生效,css文件引入后出现某些标签生效某些不生效
如图:style中所写 div banner 下的img 属性没有生效,body的属性未生效但其他div标签属性生效网站目录如下个人空间大家好欢迎来到我的网站. body{ margin: 0; ...
关于css媒体查询不起作用的解决方法
1.关于媒体查询: 在网页制作中,利用@media screen实现网页布局的自适应,匹配不同访问设备.这样无需插件和独立的手机主题,对移动设备友好,能够适应各种窗口大小. 2.可能的原因: (1)首 ...
css 文字重叠_同时文字字体重叠显示不全解决方法
CSS DIV构造中泛起单行或多行翰墨的每行文字形式不能透露表现全,高低行翰墨有一点点堆叠征兆,翰墨字体只表示一半解决门径,在低版本IE额定显着笔墨字体透露表现不全,在google涉猎器等高版本IE阅 ...
html行高设置失效,关于css中line-height(行高)设置无效的问题的解决方法
关于css中line-height(行高)设置无效的问题我们先写下这一串代码: Document .head{ height: 100px; text-align: center; line-hei ...
顶部对齐css表单,vertical-align 表单元素垂直对齐的解决方法
如下图所示: 于是上网查看了一些网站,发现这个问题是普遍存在的,如下图(FF3.5): 在很多网站涉及到表单的页面中,都存在这种表单元素与提示文字无法对齐的问题.于是打算研究一下这个问题.首先,搜索到 ...

外联css不生效,css外联样式不起作用的解决方法

外联css不生效,css外联样式不起作用的解决方法相关推荐

最新文章

热门文章