css代码写在文件内部好用，用嵌入文件的方式就不好用，为什么？

用下面的代码：

<html>
<head>
<link rel="stylesheet" href="MyTreeView1.css" type="text/css" media="all" />
<script src = "MyTreeView1.js" ></script>
</head>
<body>
<table><tr><td>
<script language='javascript'>
CreateATree();
</script>
</td></tr></table>
</body>
</html>

结果页面显示乱七八糟，如图所示:

现在把嵌入的文件中的代码直接写进html文件

<html>
<head>
<style>
font: 10pt 宋体,sans-serif; color: navy; }
.branch{
cursor: pointer;
cursor: hand;
display: block; }
.leaf{
display: none;
margin-left: 16px; }
a{ text-decoration: none; }
a:hover{ text-decoration: underline; }

</style>
<script src = "MyTreeView1.js" ></script>
</head>
<body>
<table><tr><td>
<script language='javascript'>
CreateATree();
</script>
</td></tr></table>
</body>
</html>

结果css就能正常工作了，如图所示:

为什么？

[分析](感谢godspell(风似冷))
总结了有三种原因：
１。这个和IE缓存有关，可能之前你载入的css有问题。。清掉IE缓存（去IE选项那里删除）
２。还有一种原因可能就是你的css文件保存的编码有问题，用记事本打开，然后另存为。。　　　时，选用unicode方式保存
３。最后一种可能是CSS有问题了。你看下会不会写错什么符号之类的了

[解决方法]

原来我用记事本写的css文件，所以在保存的时候加了很多额外的东西，我把代码拷贝到写字板中重新保存就可以了

posted on 2007-02-25 15:54 今夜太冷阅读(396) 评论(0) 收藏举报