网页头部的Doctype的类型声明导致CSS样式定义失效

null@null.com (梦设计工作室) — Mon, 11 May 2009 14:37:24 +0800

最近梦设计遇到了一件奇怪的事情，写完页面的CSS样式以后，预览发现样式一个也没有应用，链接颜色还是原始的蓝色，字体也是默认的字体，完全找不到我定义的样式的影子，总之，CSS样式没有生效，查看CSS样式的链接路径和样式声明，确认无误后，想到了最后一个可能，网页头部的Doctype的类型声明如果不正确的话，也会导致样式不能正常显示，这里从网上找了一些完整的网页头部声明的意思，如下：

一般在Web标准的页面，有以下三种声明：

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

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

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

如果你的CSS都是正确的，链接也没有出错的话，为什么偏偏CSS样式不生效呢？这时你需要检查你的网页最头部是否有上面其中的一句话了。如果你在新建网页之后删除的话，那么您的CSS样式表就没有办法生效了。

虽然doctype被许多人忽视，但在遵循标准的任何Web文档中，它都是一项必需的元素。doctype会影响代码验证，并决定了浏览器最终如何显示你的Web文档。
传统获取客户区高度的代码是 document.body.clientHeight 如果是xhtml1.0+的话,必须用 document.documentELement.clientHeight 这就是区别的一部分

.Transitional已经是过渡型声明了，要求最为宽松，一个随滚动条浮动的图标,但是动不了,去掉就能动了,如果代码还不能解析，你只有把删除此声明，对页面不会影响。

梦网页设计制作 - CSS实用经验

网页头部的Doctype的类型声明导致CSS样式定义失效