`
realic
  • 浏览: 17883 次
  • 性别: Icon_minigender_1
  • 来自: 上海
社区版块
存档分类
最新评论

坑爹的CSS不起作用

css 
阅读更多

坑爹的CSS不起作用
作者:夜飞羽 来源:mxria.com  时间:2012-02-25

刚刚花了半个小时,解决了一个站点无视style.css的存在,页面内容显示正常,但样式全部没有作用。针对CSS不起作用的问题,查了好久,尝试了不同的方法,最终解决了,但非常坑爹!现在把过程总结出来,供后来者参考。说不定你哪天就遇到了!

症状:为客户做的一个企业普通网站,纯HTML。本地正常显示的网站内容,FTP到服务器上后成了裸奔状态,所有的CSS样式都没有效果。

解决方法:

可能原因1:XHTML文档类型设置不正确

在文档申明中,有3种类型,Dreamwaver的默认类型和VS类型有些时候不一致。主要就是如下代码

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Frameset//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-Frameset.dtd">

 一般会有上面3种文档类型设置,确实一直使用默认值,很少遇到类似问题。网上查了,描述如下

Transitional类型:是指一种过渡类型,使用这种类型浏览器对XHTML的解析比较宽松,允许使用HTML4.01中的标签,但必须符合XHTML的语法。这种是现在通用的方法,用dreamweaver创建网页时默认就是这种类型。

Strict类型:严格类型,使用时浏览器将相对严格,不允许使用任何表现形式的标识和属性,如在元素中直接使用bgcolor背景色属性等。

Frameset类型:框架页类型,如果网页使用了框架结构,就有必要使用这样的文档声明。

 

于是我首先想到检查这个,但结果不是这个原因,网页内容中就是Transitional类型。非常宽松,关键在本地机器上显示正常。

可能原因2:服务器因为Linux OS,是不是有大小写或全角字符因素影响

在引用style.css文件的位置确认了,全站只有1个css文件,里面引用到图片文件的内容也只有一个目录imgs,跟服务器上文件名称核对后排除了该因素。不过,还是总结成一项,因为看到网上有人遇到同样的CSS不起作用,原因就是大小写敏感导致。同时对css文件中容易出问题的:;等进行了搜索检查,未发现异常。

可能原因3:css文件编码和网页编码不一致

这个之前有遇到过,特别是多人合作,多环境开发时会有人不注意使得文件编码格式不一致。虽然概率较小,还是认真检查了一遍。利用记事本将css文件特地保存为不同编码格式,问题依然存在。因为网站内容不涉及到数据库读取数据,基本都是静态内容,编码不一致问题也排除了。

可能原因4:元素作用域的问题

看到网上有类似问题的朋友很多是局部样式不起作用,比如设置某个表格内容的字体颜色,一般是没有明白CSS属性的优先级问题。比如文字有span标签定义了字体属性,在外面的div或table容器中再定义对应的字体属性时,div或table容器中定义的CSS样式将不起作用。

但今天的问题是整站故障,不是部分CSS选择器出现不起作用的问题,因此也可以排除。

可能原因5:坑爹的原因-文件名称style.css属于特定名称??

走途无路之时,冒出一个坑爹的想法:会不会是因为文件名称不对? 于是将style.css换成style1.css,结果意外发生,居然就好了。当我看到那五彩缤纷的页面样式时,简直想操蛋了!

为什么会这样,我尚未调查清楚,客户用的是新网的Linux服务器,鉴于新网的长期不靠谱,本文谨慎参考,只是提供了一次学习的样本而已!


分享到:
评论

相关推荐

    易语言编写的坑爹记事本

    《易语言编写的坑爹记事本》是一款由易语言编程开发的简易记事本程序。易语言,作为中国本土的编程语言,以其简洁的语法和面向初学者的设计,为许多编程爱好者提供了学习编程的入口。然而,"坑爹记事本"这个称号可能...

    c语言小游戏之坑爹大冒险

    本项目聚焦于C语言编写的小游戏——"坑爹大冒险",旨在提供一个有趣的实践平台,帮助学习者加深对C语言的理解并提升编程技能。 "坑爹大冒险"是一款基于命令行界面的文字冒险游戏,它通过简单的文字描述和用户输入,...

    c语言坑爹大冒险完整源码

    c语言坑爹大冒险完整源码 c语言坑爹大冒险完整源码 c语言坑爹大冒险完整源码 c语言坑爹大冒险完整源码 c语言坑爹大冒险完整源码 c语言坑爹大冒险完整源码 c语言坑爹大冒险完整源码 c语言坑爹大冒险完整源码 c语言...

    【安卓】史上最坑爹游戏6 内购破解版

    《史上最坑爹的游戏6》是由珠海顶峰互动科技研发的一款休闲益智类解谜游戏,简称“坑爹游戏”,于2013年发行。《史上最坑爹的游戏》是一个让人抓狂、让人迷恋、让人傻笑的游戏。 其中设计了大量奇思妙想,趣味连篇的...

    【安卓】史上最坑爹游戏8 内购破解版

    《史上最坑爹的游戏8》是由珠海顶峰互动科技研发的一款休闲益智类解谜游戏,简称“坑爹游戏”,于2013年发行。《史上最坑爹的游戏》是一个让人抓狂、让人迷恋、让人傻笑的游戏。 其中设计了大量奇思妙想,趣味连篇的...

    【安卓】史上最坑爹的游戏9 内购破解版

    《史上最坑爹的游戏9》是由珠海顶峰互动科技研发的一款休闲益智类解谜游戏,简称“坑爹游戏”,于2013年发行。《史上最坑爹的游戏》是一个让人抓狂、让人迷恋、让人傻笑的游戏。 其中设计了大量奇思妙想,趣味连篇的...

    c语言坑爹大冒险.rar

    8. **结构体与联合**:结构体和联合是C语言中组合复杂数据类型的方法,它们在表示数据记录、创建自定义数据类型等方面起着重要作用。 9. **位操作**:C语言支持位级操作,如位移、按位与、按位或和按位异或,这在...

    坑爹跑酷(马里奥改版)

    超级有趣的坑爹跑酷!!! 能坑到让你怀疑人生的坑爹跑酷!!! 新增排行榜,让你与对手一决高下!!! 作者亲自测试 所有关卡均可通关 满分100分 你能夺得多少分呢? 赶快下载试试看吧!!! Tip: ▄█▀█● ...

    坑爹大冒险(C语言).zip

    "坑爹大冒险(C语言).zip" 这个压缩包文件看起来是一个与C语言编程相关的项目,可能是一个小型游戏或教学示例。通过它的标题,我们可以推测它包含了一些设计巧妙、富有挑战性的编程练习或者游戏关卡,旨在帮助学习...

    c语言坑爹大冒险.zip

    在这个“C语言坑爹大冒险”的压缩包中,我们可以期待一系列与C语言编程相关的挑战和实例,可能涉及到陷阱、常见错误以及如何避免它们。这个资源可能适合初学者或有经验的程序员用来提升C语言技能。 C语言是一种结构...

    Extjs皮肤 9款 绝对不坑爹!

    标题提到的"Extjs皮肤 9款 绝对不坑爹!"意味着这是一份包含了9个可用且质量可靠的ExtJS皮肤的资源包。 描述中提到的"曾经被坑",可能是指作者在寻找ExtJS皮肤时遇到过提供虚假信息或质量不佳的资源,即某些声称...

    坑爹的RockSaw和坑爹的windows7

    RockSaw可能是一个用于处理数据、分析或开发的工具,而“坑爹”是中国网络用语,表示出乎意料的不顺利或令人头疼的事情。 在描述中,虽然没有直接提供具体的问题细节,但可以推测博主陈4w在使用RockSaw与Windows 7...

    绝对不坑爹,真正的lua编辑器

    "绝对不坑爹,真正的lua编辑器"这个标题表明我们正在讨论一个高效的、用户体验良好的 Lua 开发工具,它可能包含了丰富的特性,旨在帮助程序员更方便地编写和调试 Lua 代码。 描述中的“真正可以用的lua编辑器,不像...

    python爬取坑爹网图片.py

    爬取这个搞笑网站。

    【安卓】史上最坑爹游戏内购破解版

    《史上最坑爹的游戏》是由珠海顶峰互动科技研发的一款休闲益智类解谜游戏,简称“坑爹游戏”,于2013年发行。《史上最坑爹的游戏》是一个让人抓狂、让人迷恋、让人傻笑的游戏。 其中设计了大量奇思妙想,趣味连篇的...

Global site tag (gtag.js) - Google Analytics