2012-01-09 13 views
0

CSSスタイルシートをhtmlに埋め込むようにしていますが、それはうまくいきません。誰も助けてくれれば幸いです。 次は私が試した洞窟です。CSSスタイルシートをhtmlに埋め込むことができません

のCss:

<head> 
<title>Embedded Style Sheets</title> 
<style type=”text/css”> 
<!-- 
p { font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #000000; } 
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 22px; 
color: #000000; } 
--> 
</style> 
</head> 

HTML:

<html> 
    <head> 
     <title>Embedded Style Sheet </title> 
     <link rel=”stylesheet” type=”text/css” 
     href=”D:\SelfStudy\HTML\16-Embedded.css” /> 
    </head> 
     <body> 
     <p>This page is using an emebedded style sheet... </p>  
     </body> 

</html> 
+2

あなたはタグが必要ありません。 –

答えて

0

あなた.cssファイルが同じようなスタイルでなければなりません:CSSファイルは、htmlタグを持つべきではありません

p { font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #000000; } 
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 22px; 
color: #000000; } 
3

CSSファイルからすべてのHTMLマークアップを削除します。 <!---->の間には、あなたが現在持っているものだけが含まれていなければなりません。次のようにHTMLドキュメントでは、CSSファイルは同じディレクトリにあると仮定し、linkタグを修正:

<link rel="stylesheet" type="text/css" 
    href="16-Embedded.css" /> 
0

私はあなたが外部CSSソースファイルを埋め込むしようとしていると思います。あなたは、私たちの3つの方法で、HTMLでCSSを埋め込むことができます知っていると、彼らは以下のとおりです。 1.外部 2.内部および 3.インラインが

私はあなたが最初のものを埋め込むしようとしているここと思います。

最初に行うには、拡張子.cssのファイルを作成する必要があります.16_embeded.cssのようなものかもしれません。このファイルでは、HTMLタグではなくCSSコードだけを入れなければなりません。つまり、16_embeded.cssファイルに次のコードを入れるだけです。

p { font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 11px; 
color: #000000; } 
h1 { font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 22px; 
color: #000000; } 

は今、あなたは、拡張子.htmlを持つ別のファイルを作成し、このファイル(.htmlの)に上記のHTMLコード部分を配置する必要があります。それがうまくいくことを願っています。

ファイル名を指定しているhref部分を確認してください。ここでは、CSSファイルのパスが正しい場合、HTMLコードの部分が正しいことを言及する必要があります。

ありがとうございました

関連する問題