HTML外部引用CSS文件不生效
就比如我在css目录下面写了一个css样式文档:style.css。这时里面只有一句话
body {
background-color: #ddd;
}
然后再我的html文件里面去引入这个外部css:
<link rel="stylesheet" type="text/css" href="css/style.css">
在浏览器一刷新。。竟然没反应,不起作用。。我检查了好几遍这个路径确定没有问题,打开chrome的F12调试器。确信浏览器加载了css文件,然后我打开了这个文件,看到:竟然乱码。。
解决方法:
把css重新改成utf-8,并编辑好里面的代码。只需在html引入这个css的时候,声明编码格式就好了:
<link rel="stylesheet" type="text/css" href="css/main.css" charset="utf-8"/>