CSSの問題（内部から外部へコードを転送する）

私は現在、CSSでログインフォームと登録フォームのスタイリングを行っています。私は当初内部のスタイルシートを使用し、そこに私のすべてのCSSを書いた（<head>タグの間のCSSとスタイルタグ）。さて、私は ".css"ファイルを作成し、CSSのすべてをHTMLから外部ファイルシートにコピーしました。CSSの問題（内部から外部へコードを転送する）

さて、問題はその身体の背景色を除いてCSSのショーのすべて、次のとおりです。

body { 
     font: 1em/1.62em verdana, sans-serif; 
     background-color: #249EC7; 
}

このコードは内部スタイルシートにあるたびに、いくつかの理由については、背景色を示しているが、同じコードを外部スタイルシートに転送すると、表示されません。

<style media='screen'> 
body { 
     font: 1em/1.62em verdana, sans-serif; 
     background-color: #249EC7; 
} 
form { 
     max-width: 58em; 
     padding: .2em; 
     margin: auto; 
     background-color: #648cd1; 
     color: #31d8eb; 
     text-align: center; 
} 
form div { 
     margin: 0em 1em 1em 1em; 
} 
form b { 
    font-size: 1.3em; 
} 
form b,form input{ 
     display: inline-block; 
     width: 12em; 
} 
form input { 
    padding: 0.25em; 
} 
h4 a:visited { 
    color: #F56433; 
} 
#logindiv { 
    height: 18.5em; 
    margin-top: -9.25em;

私が持っている：

同じことが、ログインフォームで起こるだけでなく、背景色ノーショーを行いませんが、パディングはどちらか表示されません（これは、登録フォームのためです）私は文字通り、内部と外部の両方のスタイルシートで同じCSSを使用しているので、何が問題を引き起こしているのかはわかりません。

登録フォームのHTML：

<!DOCTYPE html> 
<html lang='en'> 
    <head> 
     <meta charset='utf-8'> 
     <meta name='viewport' content='width=device-width,height=device-height,initial-scale=1'> 
     <link rel='stylesheet' type='text/css' href='/Login & Register System/CSS Files/RegisterFormCSS.css'> 
    </head> 
<body style='background-color: #249EC7;'> 
    <form action='' method='post'> 
     <fieldset> 
     <h1 style='padding-bottom: .2em;'>Register Now!</h1> 
     <div> 
      <label for='username'>Username:</label> 
      <input type='text' id='username' name='username'> 
     </div> 
     <div> 
      <label for='password'>Password:</label> 
      <input type='password' id='password' name='password'> 
     </div> 
     <div> 
      <label for='passwordconfirm'>Re-enter Password:</label> 
      <input type='password' id='passwordconfirm' name='passwordconfirm'> 
     </div> 
     <div> 
      <label for='fullname'>First and Last Name:</label> 
      <input type='text' id='fullname' name='fullname'> 
     </div> 
     <div> 
      <input type='submit' name='register' value='Complete Registration' style='width: 12em; height: 2.5em; cursor: pointer; background-color: #3E1CE8; color: #FAFAFA; font-size: 1.2em;'> 
     </div> 
     <div> 
      <h4 style='color: #F5E749;'>Already own a Connection account? Login <a href='index.php'>Here!</a></h4> 
     </div> 
     </fieldset> 
    </form> 
</body>

ログインフォームHTML：

<!DOCTYPE html> 
     <html lang='en'> 
      <head> 
       <meta charset='UTF-8'> 
       <meta name='viewport' content='width=device, height=device=height, initial-scale=1'> 
      </head> 
     <body style='background-color: #249EC7;'> 
      <div id='logindiv' style='width: 50%; padding: 10px; border: 5px solid #316ED6; background-color: #648CD1; color: #31D8EB; margin: auto; border-radius: 1.3em; text-align: center;'> 
       <h1>Login</h1> 
       <br /> 
       <form action='' method='post'> 
        <div> 
         <b>Username:</b> 
         <input type='text' name='username' style='padding: 4px;'/> 
        </div> 
        <div> 
        <b>Password:</b> 
        <input type='password' name='password' style='padding: 4px; '/> 
         </div> 
         <div> 
          <input type='submit' value='Login' name='login'/> 
         </div> 
      </form> 
       <div> 
        <h4>No Account? Register <a href='register.php'>Here!</a></h4> 
       </div> 
      </div> 
    </body>

出典

2016-03-26 Preston Is Awesome

ああ、私はこの記事の終了タグをコピーして貼り付けるのを忘れていました。 –

あなたのHTMLも貼り付けますか？ – Ashwin

"media = 'screen'は意図的にそこにありますか？それは問題かもしれません。 – Elvanos