关于@import url()的用法

<HTML>
<HEAD>
<TITLE> 设置属性</TITLE>
<!--<link rel="stylesheet" type="text/css" href="./css/h1.css">--><STYLE tyle="text/css">
@import "./css/h1.css";
/*#idcss{color:ff00ff;font-weight:bold;text-align:center;}
.classcss{color:#f70;font-size:24px;font-weight:bold;background-color:#f00}
p{color:bule;text-align:right;font_family:"楷书";}
a{text-decoration:none;}
a:hover{text-decoration:underline;color:blue;}*/

</STYLE>
</HEAD><BODY><p style="color:red;font-size:30px;font-family:隶书;font-weight:bold;">这是行内样式表类型</p>
<p id="idcss">这是id内嵌样式表类型</p>
<p class="classcss">这是class类内嵌样式表类型</p>
<a href="">这是超链接，有下划线</a>
<h1>sfgdfg</h1>
</BODY>
</HTML>
@import放到style里的最下面就不能显示//我的import导入的是一个简单的text—decoration:underline;
当把import放在如上面代码的开始时就没有问题？
这是为啥内？高人赐教啊~