2017-10-26 6 views
0

私のページがCSSにリンクしていない理由を教えてもらえますか?私はHTMLCSSの両方のファイルを同じフォルダに持っています。ここでCSS/HTMLリンクに関する問題

は私のHTMLです:

<!DOCTYPE html> 
<html> 
    <head> 
     <link rel="stylesheet" type = "text/css" href="style.css"> 
     <title> Flying Fish Painting Company </title> 
    </head> 
    <body> 
    <h1> Flying Fish Painting Company </h1> 
    </body> 
</html> 

そして、これは私のCSS次のとおりです。

h1{ 
    color:blue; 
    } 
+0

あなたは彼らが正しいファイルの種類を持っていることを確認していただけますか? – ton

+0

ねえ、トン! '正しいファイルタイプはどういう意味ですか? CSSは 'style.css'として保存され、HTMLは 'index.html'として保存されます。 –

+0

Webサーバー(ノード、IISなど)を実行しているのですか、ファイルシステムからファイルをロードしていますか? – brichins

答えて

0

あなたは、スペースをチェックでした:へ

type = "text/css" 

変更を:

type="text/css" 
+0

ちょうど試しました。うまくいきませんでした:/ –

+0

間隔は問題ではありません – ton

0

これは正確なHTMLコードですか、それとも単なる例ですか?

削除する必要があるタイプの=の前後には、いくつかの空白があります。
個人的には、すべてのCSSをサブフォルダに入れる方が良いと思います。しかし、それは違いを生むべきではありません。
このような単一のCSSスタイルの場合、これはいくつかのhtmlファイルで必要なものでない限り、htmlの行に挿入するだけです。

+0

Jarod、これは私の正確なHTMLです。これは私の最初のサイトなので、この状況で必要かどうか、一般にCSSファイルに実際にリンクできることを確認しようとしています。私は、また、別のファイルにCSSを持って、HTMLとCSSの両方が同じフォルダにあります。また、私はスペースを修正し、それは動作しませんでした:/ –

0

上記のスペース以外はこのコードに問題はありません。私のためにうまく動作します。タイプミスがないかどうかチェックして、同じフォルダにあることを確認してください。

+0

1つのファイル(HTMLファイル)は、横にWeb broswerの画像を持っていますが、他の(CSSファイル)は同じフォルダにあります文書の絵。それは何か意味ですか?私の崇高なプログラムも登録されていません。それは効果がありますか? –

+0

私がしたことは、あなたのコードを私のデスクトップに保存して貼り付けて、htmlファイルを開いたときにうまくいきました。ソフトウェアには、わからないことと何か関係があるかもしれません。あなたはメモ帳または同等のMacを使用することができますちょうどhtmlとしてファイルを保存し、css – Jonny

+0

うわー、何とかそれが働いた!それらが両方ともデスクトップに保存されたときには機能しましたが、同じフォルダにあったときはうまくいきませんでした。どんな考え?それにもかかわらず、あなたの助けをありがとう! –

2

私にとってはうまくいきます。

私は同じフォルダに両方のファイルを置く場合は、別のフォルダにその時間をあなたのCSSファイルを置けば、それはまた

<link rel="stylesheet" type="text/css" href="style.css"> 

に動作します。

構文:

<link rel="stylesheet" type="text/css" href="foldername/filename.css"> 

あなたが書く必要があります:

<link rel="stylesheet" type="text/css" href="css/style.css">