来自：http://www.cnblogs.com/crizygo/p/5466444.html

问题描述：使用eclipse修改样式文件，浏览器的页面一时显示一时不显示，最后直接没有加载最新的css样式代码，直接使用旧样式代码，清除了浏览器缓存，清除了eclipse缓存，以及切换不同的浏览器查看网页，都没有任何变化，一样的结果——不加载最新的css样式文件。

尝试解决方法：1、清除了浏览器缓存；2、清除了eclipse缓存；3、切换不同的浏览器查看网页。

最终解决方法：给css样式文件开头加上：@charset "utf-8";解决问题了。

--------------------------------------------------------------------------------------

解决方法来源：

如果你的浏览器加载不上外联css（注意是全部加载不上，这里排除部分样式不兼容问题）：

1.首先考虑是否css路径错误。

2.在样式最开始有写注释，而当中文注释中的汉字为奇数个数时，会与结尾的“*/”组合成合法字符，以至于注释不能及时关闭，这样后续样式全部被自动注释。

3.css文件中指定的编码与页面不统一，浏览器用页面编码解析css，自然会出错。我的IE更新到IE11时遇到了这个问题，html给的gb2312，css文件头给了的@charset"utf-8",css完全加不上。

例：<meta http-equiv="Content-Type" content="text/html; charset=gbk" />

<link href="join_us.css" type="text/css" rel="stylesheet" charset=“utf-8”>

（1） 外联css文件开头给了@charset "utf-8"

（2）CSS文件中未指定@charset头声明，导致IE默认使用页面编码来解码CSS文件。

在这里解释一下，gb2312和gbk都是较早的国标码，主要用于编解码常用汉字。而utf-8更国际化一些，同时适用中文，基于英文的平台使用utf-8。GBK、GB2312等与UTF8之间都必须通过Unicode编码才能相互转换。

4.IE不支持引入外部的Css文件,并且提示MINE Type类型不匹配。.css文件不是minetype 类型，原因可能是这个.css文件是你创建的其他类型（比如txt）文件然后改的后缀。

（1）那就重建一个css文件，把代码copy过去。

（2）或者下载FilesTypeMan 软件，直接修改文件后缀的minetype类型。

5.看一下你的HTML头部的DOCTYPE 声明

<!DOCTYPE>声明不是 HTML 标签；它是指示 web 浏览器关于页面使用哪个 HTML 版本进行编写的指令。在 HTML 4.01 中，<!DOCTYPE> 声明引用 DTD，因为 HTML 4.01 基于 SGML。DTD 规定了标记语言的规则，这样浏览器才能正确地呈现内容。

HTML5 不基于 SGML，所以不需要引用 DTD。

<!DOCTYPE html> HTML5声明。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-frameset.dtd">这个是dw自动在网页文件页增加了dtd信息(可以删. 删除后，浏览器会使用的默认dtd.)

该 DTD 等同于 XHTML 1.0 Transitional，但允许框架集内容。

还有很多。。。

本地的外联css加不上，把页面头部的 <!DOCTYPE html> 把html去掉 就ok了。

6.如果使用@import，当css文件发生改动时，客户端IE6将不会刷新该css。

浏览器加载不上css，样式走丢的更多相关文章

  1. 样式的操作-不同浏览器加载不同的css文件

    ———————————————————— <script type="text/javascript">            //body加载事件监听函数       ...

  2. 转载 yii2-按需加载并管理CSS样式/JS脚本

    一.资源包定义 Yii2对于CSS/JS 管理,使用AssetBundle资源包类. 创建如下: backend/assets/AppAsset.php namespace backend\asset ...

  3. yii2.0 如何按需加载并管理CSS样式及JS脚本

    链接:http://www.yiichina.com/tutorial/399 (注:以下为Yii2.0高级应用测试) Yii2.0对于CSS/JS 管理,使用AssetBundle资源包类. 视图如 ...

  4. yii2-按需加载并管理CSS样式/JS脚本

    原文地址:https://segmentfault.com/a/1190000003742452

  5. 浏览器加载和渲染html的顺序-css渲染效率的探究

    1.浏览器加载和渲染html的顺序1.IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的.2.在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是说所有相关联的元素都 ...

  6. 浏览器加载和渲染html的顺序-css渲染效率的探究（转载）

    1.浏览器加载和渲染html的顺序1.IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的.2.在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是说所有相关联的元素都 ...

  7. 浏览器加载跟渲染html的顺序-css渲染效率的探究

    1.浏览器加载和渲染html的顺序1.IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的.2.在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是说所有相关联的元素都 ...

  8. 浏览器加载渲染HTML、DOM、CSS、 JAVASCRIPT、IMAGE、FLASH、IFRAME、SRC属性等资源的顺序总结

    页面响应加载的顺序:   1.域名解析->加载html->加载js和css->加载图片等其他信息 DOM详细的步骤如下: 解析HTML结构. 加载外部脚本和样式表文件. 解析并执行脚 ...

  9. 浏览器加载和渲染html的顺序（html/css/js）

    最近在学习前端的技术,把html.js.css的基础知识看了看.感觉越看越觉得前端并不比后端容易,技术含量还是相当大的.今天突然想弄明白浏览器到底是怎么加载和渲染html的?html中的DOM.js文 ...

随机推荐

  1. modelsim仿真中 do文件的写法技巧

    网上的关于DO文件的编写好像资料不多,比较杂,所以本人总结一下常用的简单语法,方便大家查看.其实本人也刚接触DO文件没多久,有纰漏很正常,欢迎指正批评,互相学习.PS:写得有点乱   还有一个值得注意 ...

  2. 响应式布局框架 Pure-CSS 5.0 示例中文版-中

    8. 表单 Form 在 form 标签中添加 .pure-form 类,可生成单行表单(inline) 效果图: 代码: <form class="pure-form"&g ...

  3. 微博excel数据清洗(Java版)

    微博数据清洗(Java版) 原创 2013年12月10日 10:58:24 2979 大数据公益大学提供的一份数据,义务处理一下,原始数据是Excel,含有html标签,如下:   要求清洗掉html ...

  4. HTTP Header User-Agent的ctf

    HAHA浏览器分值: 200 据说信息安全小组最近出了一款新的浏览器,叫HAHA浏览器,有些题目必须通过HAHA浏览器才能答对.小明同学坚决不要装HAHA浏览器,怕有后门,但是如何才能过这个需要安装H ...

  5. Xml解析之PULL解析 例2

    <?xml version="1.0" encoding="UTF-8"?> <books> <book id="100 ...

  6. Unix系统编程（）brk，sbrk

    在堆上分配内存 进程可以通过增加堆的大小来分配内存,所谓堆是一段长度可变的连续虚拟内存,始于进程的未初始化数据段末尾,随着内存的分配和释放而增减.通常将堆的当前内存边界称为"program ...

  7. Unix系统编程（）虚拟内存管理

    在之前学到过进程的内存布局中忽略了一个事实:这一布局存在于虚拟文件中. 因为对虚拟内存的理解将有助于后续对fork系统调用.共享内存和映射文件之类的主题阐述,这里还要学习一下有关虚拟内存的详细内容. ...

  8. 实战c++中的vector系列--知道emplace_back为何优于push_back吗？

    上一篇博客说道vector中放入struct.我们先构造一个struct对象.再push_back. 那段代码中,之所以不能使用emplace_back,就是由于我们定义的struct没有显示的构造函 ...

  9. 翻译：Laravel-4-Generators 使用自己定义代码生成工具高速进行Laravel开发

    使用自己定义代码生成工具高速进行Laravel开发 这个Laravle包提供了一种代码生成器,使得你能够加速你的开发进程.这些生成器包含: generate:model – 模型生成器 generat ...

  10. 让 MySQL 支持 emoji 存储

    要让 MySQL 开启 utf8mb4 支持,需要一些额外的设置. 1. 检查 MySQL Server 版本 utf8mb4 支持需要 MySQL Server v5.5.3+ 2. 设置表的 CH ...