下载的html模板在idea中打开后,再用浏览器打开就和下载的不一样了。没有背景和小图标怎么办????

更新了浏览器但是还是不行
百度说是script标签问题但是没有看懂具体什么问题

<!DOCTYPE html>
<html>
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
    <title>登录</title>
    <link rel="stylesheet" href="css/font-awesome.min.css"/>

    <style>
    html,body{width:100%;}
    </style>
</head>

<body>
<div class="main">
    <div class="center">
        <form action="" id="formOne" method="post"onsubmit="return submitB()" >
            <i class="fa fa-user Cone">  | </i>
            <input type="text" name="uer" id="user" placeholder="用户名"onblur="checkUser()"/>
            <span id="user_pass"></span>
            <br/>
            <i class="fa fa-key Cone">  | </i>
            <input type="password" name="pwd" id="pwd" placeholder="密码"onblur="checkUser1()"/>
            <span id="pwd_pass"></span>
            <br/>
            <i class="fa fa-folder-open Cone">  | </i>
            <input type="text" name="surePwd" id="surePwd" placeholder="验证码"onblur="checkUser2()"/>
            <span id="surePwd_pass" ></span><br/>
            <input type="submit" value="Sign in" id="submit" name="submit">
            <br/>
</div>
</body>
</html>

背景和图片没有了应该跟引入的css有关,看看本地有css/font-awesome.min.css这个文件吗?

 <link rel="stylesheet" href="css/font-awesome.min.css"/>