浏览器加载不上css,样式走丢

来自: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。

时间: 2024-10-11 07:14:07

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

浏览器加载不上css,样式走丢了~

如果你的浏览器加载不上外联css(注意是全部加载不上,这里排除部分样式不兼容问题): 1.首先考虑是否css路径错误. 2.在样式最开始有写注释,而当中文注释中的汉字为奇数个数时,会与结尾的“*/”组合成合法字符,以至于注释不能及时关闭,这样后续样式全部被自动注释. 3.css文件中指定的编码与页面不统一,浏览器用页面编码解析css,自然会出错.我的IE更新到IE11时遇到了这个问题,html给的gb2312,css文件头给了的@charset"utf-8",css完全加不上. 例:&

css基础篇(一)——浏览器加载和渲染网页

1.介绍 虽然这篇是css笔记,但是做为web开发,天天和浏览器打交道,有必要先理理我目前了解的浏览器加载和渲染页面的过程. 2.页面加载和渲染流程 如图:(该篇重点是css,所以该图重点说明css渲染) 1.重建DOM树:渲染引擎开始解析html文档,转换树中的标签到DOM节点 2.构建渲染树:解析css,根据css选择器找到节点的样式,创建另外一个树———渲染树 3.布局渲染树:从根节点开始,计算出每一个元素的大小和位置 4.绘制渲染树:遍历渲染树将每个节点都绘制出来 整个流程简易描述:用户

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

页面响应加载的顺序: 1.域名解析->加载html->加载js和css->加载图片等其他信息 DOM详细的步骤如下: 解析HTML结构. 加载外部脚本和样式表文件. 解析并执行脚本代码. 构造HTML DOM模型. 加载图片等外部文件. 页面加载完毕. <html xmlns="http://www.w3.org/1999/xhtml"> <head runat="server"> <title>Title<

远程访问本地的网站 网站样式加载不上

远程访问本地的网站 网站样式加载不上(MLECMS2.3) 找到项目中的配置文件 修改配置文件中的localhost为本地的IP地址,一般是192.168.0.***

浏览器加载、解析、渲染的过程

最近在学习性能优化,学习了雅虎军规 ,可是觉着有点云里雾里的,因为里面有些东西虽然自己也一直在使用,但是感觉不太明白所以然,比如减少DNS查询,css和js文件的顺序.所以就花了时间去了解浏览器的工作,有一篇经典的文章<how browsers work> ,讲的很详细,也有中文译本 .不过就是文章有点太长,也讲了一堆东西,还是自己总结一下. 为什么要了解浏览器加载.解析.渲染这个过程? 好,我们先说一下,为什么要了解这些呢?如果想写出一个最佳实践的页面,就要好好了解. 了解浏览器如何进行加载

浏览器加载和渲染html的顺序

浏览器加载和渲染html的顺序 1. IE下载的顺序是从上到下,渲染的顺序也是从上到下,下载和渲染是同时进行的. 2. 在渲染到页面的某一部分时,其上面的所有部分都已经下载完成(并不是说所有相关联的元素都已经下载完). 3. 如果遇到语义解释性的标签嵌入文件(JS脚本,CSS样式),那么此时IE的下载过程会启用单独连接进行下载. 4. 样式表在下载完成后,将和以前下载的所有样式表一起进行解析,解析完成后,将对此前所有元素(含以前已经渲染的)重新进行渲染. 5. JS.CSS中如有重定义,后定义函

浏览器~加载,解析,渲染

昨天为了 了解浏览器是怎么处理(.html..css..js)这些文件,我看了网上的好多资料,这好多资料中,有很多是通过转载.或是转载后加之自己的理解,但是因为自己对专业的词汇理解不好,还有一些作者将不同浏览器的处理过程混着说,总之,看完了,还是有很多疑虑的地方.我先根据昨天了解到的内容总结一下,日后随着学的深了,再回过来补充.2014.11.6 why 为什么要了解浏览器加载.解析.渲染这个过程? 了解浏览器如何进行加载,我们可以在引用外部样式文件,外部js时,将他们放到合适的位置,使浏览器以

用javascript预加载图片、css、js的方法研究

预加载的好处可以让网页更快的呈现给用户,缺点就是可能会增加无用的请求(但图片.css.js这些静态文件可以被缓存),如果用户访问的页面里面的css.js.图片被预加载了,用户打开页面的速度会快很多,提升用户体验.在用到一些大图片展示的时候,预加载大图是很不错的方法,图片更快的被呈现给用户.不多说了,作为一个前端攻城师都懂的,下面分享我做的测试和得到的结果. 先说需要知道的服务器返回的status code:status-code: 200 - 客户端请求成功status-code: 304 -

浏览器加载渲染网页过程解析 (转)

浏览器的工作机制,一句话概括起来就是:web浏览器与web服务器之间通过HTTP协议进行通信的过程.所以,C/S之间握手的协议就是HTTP协议.浏览器接收完毕开始渲染之前大致过程如下: 从浏览器地址栏的请求链接开始,浏览器通过DNS解析查到域名映射的IP地址,成功之后浏览器端向此IP地址取得连接,成功连接之后,浏览器端将请 求头信息 通过HTTP协议向此IP地址所在服务器发起请求,服务器接受到请求之后等待处理,最后向浏览器端发回响应,此时在HTTP协议下,浏览器从服务器接收到 text/html