外部CSS执行中的奇怪错误

时间:2013-11-26 05:16:59

标签: html css css3 web xhtml

我的老师告诉我提交外部样式表作业。我成功创建了一个但由于某种原因,当我尝试使用我的网页执行样式表时,第一行样式不会被执行(在这种情况下是h1标记)

我正在使用Dreamweaver CC

我请老师看我是否做错了,甚至找不到解决办法。

这是CSS代码

  @charset "utf-8";
<style type="text/css">
h1 {font:calibri; color:#0C0; border-bottom-style:solid; border-bottom-color:#363;}
h4 {border-bottom-style:solid; border-bottom-color:#363}
p.normal{font-size:16px; background-color:#99C; text-decoration:underline}
p.warning{font-size:24px; background-color:#CCC; color:#F00; text-decoration:line-through}
.major{ font-size:18px; font-variant:small-caps; font-weight:900}
.indent{text-indent:40px}
.align{text-align:center}
.name {font:calibri; background-color:#000; color:#CCC; font-size:20px; font-style:italic; font-weight:bolder}
</style>

这是HTML代码

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>External CSS</title>
<style type="text/css">
@import url("External CSS (Waheed).css");
</style>
</head>

<body>
<h1 class="align">Heading</h1>
<h4>Subheading</h4>
<p class="normal">Test </p>
<p class="warning">Test 2</p>
<p class="major">Test 3</p>
<p class="indent">Test 4</p>
<p class="align">Test 5</p>
<p class="name"> By: Mohammad Saad Waheed (201211034)</p>
</body>
</html>

由于

0 个答案:

没有答案