为什么样式表的结果与教材上的不一致解决方法
日期：2014-05-16 浏览次数：20527 次
为什么样式表的结果与教材上的不一致
本人是菜鸟，刚学习JS。教材里的这段代码，我拷贝出来，放在IE里测试，但是得到的结果和书上的不一样。是不是教材里有错误呀，或者我做错了，还请各位高手指教，谢谢了。
<html>
<head>
<script type="text/javascript">
<style type="text/css">
<!—-
h1{
color: green;
font-style: italic;
font-size: 12pt;
}
h1.special{
font-size: 24pt;
}
.newheader{
color: yellow;
}
#caps{
font-variant: small-caps;
}
// -->
</style>
</script>
</head>
<body>
<h1>Green, italic, and a point size of 12</h1>
<h1 class="newheader">Yellow, italic, and a point size of 12</h1>
<h1 class="special">Point size of 24</h1>
<p>
Here is some <span id="caps">capitalized</span> text.
</p>
</body>
</html>
------解决方案--------------------
本人是菜鸟，刚学习JS。教材里的这段代码，我拷贝出来，放在IE里测试，但是得到的结果和书上的不一样。是不是教材里有错误呀，或者我做错了，还请各位高手指教，谢谢了。
<html>
<head>
<script type="text/javascript">
<style type="text/css">
<!—-
h1{
color: green;
font-style: italic;
font-size: 12pt;
}
h1.special{
font-size: 24pt;
}
.newheader{
color: yellow;
}
#caps{
font-variant: small-caps;
}
// -->
</style>
</script>
</head>
<body>
<h1>Green, italic, and a point size of 12</h1>
<h1 class="newheader">Yellow, italic, and a point size of 12</h1>
<h1 class="special">Point size of 24</h1>
<p>
Here is some <span id="caps">capitalized</span> text.
</p>
</body>
</html>
------解决方案--------------------
- HTML code
<script type="text/javascript">
<style type="text/css">
<!—-
h1{
color: green;
font-style: italic;
font-size: 12pt;
}
h1.special{
font-size: 24pt;
}
.newheader{
color: yellow;
}
#caps{
font-variant: small-caps;
}
// -->
</style>
</script>
------解决方案--------------------
- HTML code
<html>
<head>
<style type="text/css">
<!—-
h1{
color: green;
font-style: italic;
font-size: 12pt;
}
h1.special{
font-size: 24pt;
}
.newheader{
color: yellow;
}
#caps{
font-variant: small-caps;
}
// -->
</style>
</head>
<body>
<h1>Green, italic, and a point size of 12</h1>
<h1 class="newheader">Yellow, italic, and a point size of 12</h1>
<h1 class="special">Point size of 24</h1>
<p>
Here is some <span id="caps">capitalized</span> text.
</p>
</body>
</html>
------解决方案--------------------
你把css放到了script标记里面了
------解决方案--------------------
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
