外部CSS参照のサポートが必要です

カスケードスタイルシートの使用方法を学びたいと思っています。外部CSS参照のサポートが必要です

<html> 
<head> 
<link rel="stylesheet" type="text/css" href="css/test.css" /> 
</head> 
<body> 
    <h3> A White Header </h3> 
    <p> This paragraph has a blue font. 
     The background color of this page is gray because 
    we changed it with CSS! </p> 
    <INPUT TYPE=text NAME="userID" id="userID" Size=20 > 
</body>

を、外部CSSファイルは、次のようになります：

body{ background-color: gray;} 
p { color: blue; } 
h3{ color: white; }

このすべてが正常に動作しますが、次のように私は少しテストhtmlページを持っています。しかし、私のチームの他のメンバーによって作成されたスタイルシートを見ると、コンテンツをブラケットするスタイルタグがあります。

<style type="text/css"> 
body{ background-color: gray;} 
p { color: blue; } 
h3{ color: white; } 


</style>

しかし、私はCSSを無効にスタイルタグを置くとき：だから、私はCSSファイルが実際にこのようになるはずだと思います。私は間違って何をしていますか？

ありがとうございました。

Ellliott

出典

2012-01-13 Elliott

<style> HTMLタグは、あなたのCSSは HTMLファイル内ときのためです。

外部のCSSファイルの場合、HTMLファイルではないため、外部のCSSファイルは使用しません。

出典

2012-01-13 22:56:24

<style>タグはHTML tagで、CSSをページに直接含めることができます。外部のCSSファイルには、CSS宣言だけが含まれていて、HTMLでラップされていない必要があります。例えば

（あなたのHTMLを取る）：

<html> 
<head> 
<style type="text/css"> <!-- style is an HTML element --> 
    body { background-color: gray; } 
</style> 
</head> 
<body> 
    <h3> A White Header </h3> 
    <p> This paragraph has a blue font. 
     The background color of this page is gray because 
    we changed it with CSS! </p> 
    <INPUT TYPE=text NAME="userID" id="userID" Size=20 > 
</body>

HTMLの仕様によると、あなたの方法がベストです：

複数の要素のスタイル情報を指定するには、著者が使用する必要がありますSTYLE要素。最適な柔軟性を得るために、著者は外部スタイルシートにスタイルを定義する必要があります。

出典

2012-01-13 22:57:28

外部CSS参照のサポートが必要です

答えて

関連する問題