`
joeyhacker
  • 浏览: 96263 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

当CSS失效时, 试试这个

阅读更多

在你的页面最上面加上个:

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

 

解释: 这个是W3C的一个文档类型定义规则文件,是用来让浏览器根据你定义的DTD(文档类型定义)来解释页面代码的。

相关知识:

doctype声明指出阅读程序应该用什么规则集来解释文档中的标记。在Web文档的情况下,“阅读程序”通常是浏览器或者校验器这样的一个程序,“规则”则是W3C所发布的一个文档类型定义(DTD)中包含的规则。

每个DTD都包括一系列标记、attributes和properties,它们用于标记Web文档的内容;此外还包括一些规则,它们规定了哪些标记能出现在其他哪些标记中。每个Web建议标准(比如HTML 4 Frameset和XHTML 1.0 Transitional)都有自己的DTD。

假如文档中的标记不遵循doctype声明所指定的DTD,这个文档除了不能通过代码校验之外,还有可能无法在浏览器中正确显示。对于标记不一致的问题,浏览器相较于校验器来说更宽容。但是,不正确的doctype声明经常导致网页不正确显示,或者导致它们根本不能显示。

分享到:
评论

相关推荐

    页面刷新后CSS失效

    当使用`Response.Write`动态生成HTML时,这部分内容并没有包含对CSS文件的引用,导致样式丢失。 2. **缓存机制**:浏览器会缓存页面中的静态资源(如CSS和JavaScript文件),但当页面内容发生变化时(例如使用`...

    ASP.NET 2.0中CSS失效的问题总结

    ASP.NET 2.0 中CSS失效的问题涉及到多个层面,这些情况可能会导致网页样式无法正常显示。以下是关于这些问题的详细分析及解决策略: 1. **CSS文件路径不正确**: 当CSS文件路径设置为相对路径时,如果内容页与母版...

    Springboot访问templates下的html页面,CSS,JS失效

    然而,有时在尝试访问`templates`目录下的HTML页面时,可能会遇到CSS和JavaScript失效的问题。这个问题通常是由于静态资源处理配置不正确或者路径引用不准确导致的。以下是一些可能的原因及解决方案: 1. **静态...

    CSS设置元素width=100%失效的一种解决方式(该元素的父元素为body).pdf

    在某些情况下,我们可能会遇到CSS设置元素`width: 100%`失效的问题,尤其是在该元素的父元素为`body`时。这是因为`body`元素的宽度可能受到浏览器滚动条、页面边距等因素的影响,导致子元素无法正确地占据100%的宽度...

    CSS CSS CSS

    CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装 CSS CSS 资料套装

    引用css文件失效解决方法

    了解CSS选择器的优先级(内联样式 &gt; ID选择器 &gt; 类选择器 &gt; 标签选择器)可以帮助解决这个问题。 5. **CSS语法错误**:虽然题目提到CSS没有错误,但有时候小的语法问题(如括号不匹配、缺少分号等)可能导致整个...

    spring boot 2.x html中引用css和js失效问题及解决方法

    当遇到静态资源加载失效的问题时,检查拦截器配置和资源路径配置,并根据实际情况调整配置策略。如果问题依旧无法解决,可以查看Spring Boot的官方文档或社区获取更多帮助和解决方案。希望这些信息对遇到类似问题的...

    合并网站多个css文件成一样

    当一个网站有多个CSS文件时,每个文件都需要单独的HTTP请求,这可能导致加载时间延长。因此,将这些文件合并成一个大文件可以减少网络请求,从而加快页面加载速度。 C#是一种广泛使用的面向对象的编程语言,尤其在...

    Emmet命令大集(HTML+CSS+XSL)CHM

    css语法:Visual Formatting(视觉样式);Margin & Padding(边距&填充);Box Sizing(内边距);Font(字体);Text(文本);Background(背景);Color(颜色);Generated content(生成的内容);Outline(轮廓);Tables(表格)...

    Reset_CSS css样式重置文件

    CSS重设就是由于各种浏览器解释CSS样式的初始值有所不同,导致设计师在没有定义某个CSS属性时,不同的浏览器会按照自己的默认值来为没有定义的样式赋值,所以我们要先定义好一些CSS样式,来让所有浏览器都按照同样的...

    CSS Secrets CSS 魔法

    CSS Secrets这本书的结构设计,不仅仅是为了教学而教学,更是为了帮助开发者在面对日益复杂的网页设计要求时,能够得心应手地解决问题。这本书是站在当前新一代CSS的标准之上的,涵盖了最新的CSS特性和最佳实践,这...

    helium-css 优化css神器

    window.addEventListener('load', function(){ helium.init(); }, false); Helium是一个出色的帮你找到无用CSS样式的好工具。...事实上,我还没发现有比这个更简单更实用的工具。你也试试吧!

    CSS新世界1

    总的来说,这本书深入浅出地介绍了CSS3的新特性,旨在帮助开发者更好地理解和掌握这个不断发展的领域,提升网页设计和开发的专业技能。通过阅读本书,读者不仅能了解到CSS3的最新进展,还能学习到如何在实际项目中...

    CSS中常用的 reset.css文件

    因此,在使用`reset.css`时,最好结合`normalize.css`或现代的CSS重置方法,如`Eric Meyer Reset`或`sanitize.css`,它们不仅重置样式,还会保留一些有助于无障碍浏览和语义化的默认样式。 在实际项目中,可以将`...

    解决border-radius失效问题

    在CSS世界中,`border-radius`属性是一个非常重要的特性,它允许我们为元素添加圆角效果,从而使得设计更加精致和现代。然而,在实际开发中,我们可能会遇到`border-radius`失效的问题,导致元素的边角无法按照预期...

    CSS特效+CSS图标

    CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS特效+CSS图标CSS...

    css 任意两个点连接成一条线

    css 任意两个点连接成一条线,没有使用到canvas。纯css实现。这个只是一个demo。您可以参考

    CSS实现当鼠标滑过图片出现阴影效果

    本篇文章将详细讲解如何利用CSS实现一个动态效果:当鼠标滑过图片时,图片周围出现阴影效果。这个效果能够增加交互性,提升用户的浏览体验。 首先,我们需要创建一个HTML结构,包含一张图片。例如: ```html &lt;!...

    CSS失效,原来是和网页第一段代码有关

    当CSS样式不起作用时,可能是因为DOCTYPE声明选择不当,导致浏览器以不同的方式解析和呈现内容。例如,如果使用Strict类型,浏览器会禁止使用如`&lt;center&gt;`、`&lt;font&gt;`等非标准HTML4元素,以及`align`、`bgcolor`等...

    CSS酷站CSS特效华丽CSS

    在本篇内容中,我们将深入探讨"CSS酷站"、"CSS特效"和"华丽CSS"相关的知识点,以及通过一些CSS精美示例来展示其魅力。 首先,"CSS酷站"是指那些运用创新和独特CSS技巧设计的网站,它们通常具有引人入胜的视觉效果和...

Global site tag (gtag.js) - Google Analytics