Webページを作成していて、上部のスタイルタグを使い始めました。
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Front Page</title>
<link rel="stylesheet" type="text/css" href="CSS/Styles.css" />
<style type="text/css">
</style>
</head>
<body>
</body>
</html>
すべてのグラフィックデザインをStyles.cssに入れたいのですが、何らかの理由で機能しません。次のようなものを追加すると:
div.box {
margin:0 auto;
width:500px;
background:#222;
position:relative;
left: 50px;
top: -200px;
height: 100%;
border:1px solid #262626;
padding: 0 5px 5px 0;
}
この要素を設計するには:
<div class="box"></div>
ドキュメントの上のタグに配置すると機能しますが、CSSファイルに配置すると機能しません。以前は問題ありませんでしたが、今はすべてをスタイルタグに追加していて、非常に長くなっています(150行!)。すべてをcssファイルに移動して、メインページのスクロールが少なくなるようにします。しかし、CSSファイルに入れてもグラフィックの変更が適用されない理由がわかりません。何か案は?