怎么解决CSS无效

Posted 2023-04-18

排查下为何未生效，以下是css无效的常见原因：
一、div 标签未关闭

这是版面设计失效的最常见原因之一。当我们了解到这是多少精致的版块设计失效的罪魁祸首时，总会大吃一惊。开启的div标签是最普遍的版块设计失误之一，也是最难诊断的失误之一。验证程序有时会指向错误的开启div标签，诊断时就像大海捞针一样麻烦。

二、不当的DOCTYPE声明

不声明DOCTYPE，或者在文件开始错误声明DOCTYPE，也是一个常见错误。根据一般经验，Strict DOCTYPE是大家追求的最高级验证。Strict validation表明你的网页能够在所有浏览器上都得到最佳展示。

三、结尾斜线

如果你的网站不能验证，很有可能是在代码的某个地方漏写了结尾斜线。我们很容易忽略结尾斜线之类的东西，特别是在image标签等元素中。

在严格的DOCTYPE中这是无效的。要在img标签结尾处加上“/”以解决此问题。

四、javascript

如果已经声明Strict DOCTYPE，就需要在JavaScript中覆盖CDATA标签。验证程序的这一方面难倒了很多程序员，因为网站倾向于为广告和追踪脚本使用嵌入的 JavaScript。

五、不良嵌套

嵌套就是元素里又包括元素，我们容易混淆嵌套元素的顺序。例如在div标签前启动strong标签，但又先关闭div标签。这可能不会改变版块布局，但却会使你的版块设计失效。

如果仍无法发现，建议用“开发者模式”/“调试模式”（F12打开）查看对应元素继承了哪些属性，是不是其他的样式覆盖了自己设置的样式。 参考技术A 排查下为何未生效，以下是css无效的常见原因：
一、div 标签未关闭
这是版面设计失效的最常见原因之一。当我们了解到这是多少精致的版块设计失效的罪魁祸首时，总会大吃一惊。开启的div标签是最普遍的版块设计失误之一，也是最难诊断的失误之一。验证程序有时会指向错误的开启div标签，诊断时就像大海捞针一样麻烦。
二、不当的DOCTYPE声明
不声明DOCTYPE，或者在文件开始错误声明DOCTYPE，也是一个常见错误。根据一般经验，Strict DOCTYPE是大家追求的最高级验证。Strict validation表明你的网页能够在所有浏览器上都得到最佳展示。
三、结尾斜线
如果你的网站不能验证，很有可能是在代码的某个地方漏写了结尾斜线。我们很容易忽略结尾斜线之类的东西，特别是在image标签等元素中。
在严格的DOCTYPE中这是无效的。要在img标签结尾处加上“/”以解决此问题。
四、JavaScript
如果已经声明Strict DOCTYPE，就需要在JavaScript中覆盖CDATA标签。验证程序的这一方面难倒了很多程序员，因为网站倾向于为广告和追踪脚本使用嵌入的 JavaScript。
五、不良嵌套
嵌套就是元素里又包括元素，我们容易混淆嵌套元素的顺序。例如在div标签前启动strong标签，但又先关闭div标签。这可能不会改变版块布局，但却会使你的版块设计失效。
如果仍无法发现，建议用“开发者模式”/“调试模式”（F12打开）查看对应元素继承了哪些属性，是不是其他的样式覆盖了自己设置的样式。

css中背景图片设置无效。

css中图片设置无效，刷新也没用，双击打开文件也没有用，都是没有背景图片，文件情况看左边的文件目录，要怎么改？哪里的问题？

根据你的描述设置Body背景图片无效为路径问题。

解决办法：

修改路径：

background-image:url(../images/image2.jpg);//或者可以使用代码，其中可以添加宽度、高度、平铺、拉伸等：background:url(../images/image2.jpg);

css.css相对于images中image2.jpg在上一个目录中。前面为../imges/image2.jpg。

background:url与background-image:url区别在于，前者的属性范畴更大，附属参数和值是想效果更多。后者只正对于背景图。


注意事项：

A、相对路径与绝对路径在实际使用中各有优劣。

B、相对路径在使用时必须注意目录结构。

C、编程中所有代码间均为英文状态下的标点符号。

D、在使用时background:url()对浏览器的兼容性优于background-image:url()。

参考技术A 你的 /images/image2.jpg 路径是否正确？
如果网页你不传到服务器预览，你的图片必须放到硬盘根目录下的image/下面，因为你用的是绝对路径。
去掉images前面的/试试。../images追问

images是与page1同文件夹下的

追答

你这个是引用外部css的。背景图是相对css.css路径的。
你自己多调试一下，肯定可以的。

追问

就是路径设成../images/image1.jpg吗？先退出当前文件夹再进入images?

就是路径设成../images/image1.jpg吗？先退出当前文件夹再进入images?

参考技术B ../images/image2.jpg追问

不行，还是没有背景图片

参考技术C 请问您这个问题解决了吗？？哭了，一直都搞不出来