在html中为什么给button写了css之后会不显示

html-css016

在html中为什么给button写了css之后会不显示,第1张

在html中给button写了css之后会不显示原因如下。

1、未关联外部样式表,确认关联了样式表没有,或者关联的样式位置、名字是否正确。

2、怀疑CSS表的编码错误,可以直接将css文件以utf-8的编码另存一下文件。

3、选择器写错写后代子代选择等,涉及多个标签,类名、id等,子选择器的顺序、名字等写错了,均可能导致出错。

问题说明:昨天在制作网页的过程中,刚才还好好的网页,突然就“裸奔”了,开始以为是什么代码把css给屏蔽掉了,找了半天,也没找出来毛病,在网上狂找解决方案,网上的答案多少都有错误,弄了半天,终于整明白了。

问题总结:用dw制作网页时,新建css文件,css文件有一段初始代码(代码为: @charset "utf-8"),而我平常的习惯是,右击鼠标,选择“新建文本文档”,然后直接把 .txt文件改成 .html文档。因此往往没有指定css文档编码类型,所以导致浏览器“裸奔”。

另:同时发现用“新建文本文档”来建立网页的另一个弊端:我的电脑装的是notpad2(记事本2.0),用notpad2建立的文本文档,它的默认编码格式是utf-8,用记事本打开此类中文文档是可以正常显示的,但如果把它用浏览器打开,则会出现乱码,即便是你在html文档中声明了编码是GB2312,也不行,必须把编码格式改为ANSI编码(在中文操作系统下,ANSI编码指的是中文简体)才可以。

解决方案:尽量用软件来新建网页文档,如果没条件,请注意中文文档编码一定是ANSI编码,css文件声明( @charset "utf-8"),一定要有。

如果你确定通过网址能正常访问到CSS的话

就可以肯定出是你CSS文件编码存在问题

假如CSS中存在中文注释

并且上传到服务器上的文件被默认保存成ANSI

恰巧网站编码是UTF-8

那么出现这种问题是很正常的

解决方法

如果网站采用UTF-8编码

只需将CSS用记事本打开并选择另存为UTF-8格式即可