网页中CSS引用无效问题分析及解决

发布时间:2019-12-24编辑:脚本学堂
在网页设计中常常出现引用css后,却看不到我们想要的效果,也就是css引用无效,这让我们很郁闷,怎样避免呢?下面文章就给您分析四条常见错误及解决方法,一定好好看看。

1.网页引用的CSS文件路径是错误的,这种情况,解决方法在引用的CSS文件里面查看一下有没有引用的类或者ID。

2.同名覆盖,你已经定义了一个.my_name的类, 下面又定义了一个类名字同名,结果肯定是下面的类起作用,因此你希望出现第一个的类的样式是不可能的。解
决方法:可以查找有没有重复。

3.文件和引用的CSS编码不一样,如果一个用UTF-8一个用GB2312的,则可能无效。解决方法:要统一,两者字符编码一致才能不会出现CSS定义的效果无效的情况

4.今天发现另外一个问题:类里面的样式可能你是直接从网页里面复制来的,很可能会多复制一些东西。最多的就是双引号了,所以,上述问题没有发现的时候,
一定要搜索一下所引用的CSS里面有没有双引号。

以上四点请记住,可以让你在引用css时少走弯路,从而提高你的效率。