HTMLとCSSの連携ができません。なぜでしょうか。.htmlを同じ所にCSSファイルを作って、その中に.cssファイルを作っています。

ディレクトリ
css練習.html
css/
├ test.css/

HTMLファイル


<html lang="ja">
<head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <title>HTML_S02_02</title>
        <link rel="stylesheet" href="http://yui.yahooapis.com/3.18.1/build/cssreset/cssreset-min.css">
        <link ref="stylesheet" type="text/css" href="./Css/test.css">
        <link href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.6/css/bootstrap.min.css" rel="stylesheet" id="themesid">
   <title>CSS練習</title>
</head>
<body>
    <p>こんにちは</p>
    <p>さようなら</p>
</body>


CSSファイル

@charset "utf-8";
p{
    color:#f00;
}

退会済みユーザー

2018/07/15 07:10

ディレクトリ構造も記載してください。

kei344

2018/07/15 08:33

（質問文は編集できます）質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。

退会済みユーザー

2018/07/15 09:58

test.css/ こう書くと、ファイルじゃなくて、ディレクトリという意味になるのですが…。

行動規範の内容に同意します

回答3件

８行目を書き換えてみてください

投稿2018/07/15 07:08

編集2018/07/15 07:14

退会済みユーザー

総合スコア0

tkfmmyst

2018/07/15 08:57

ご回答ありがとうございます。ディレクトリ構造も追記してみました。

退会済みユーザー

2018/07/15 09:19

htmlファイルの最後は</html>で閉じてくださいね

行動規範の内容に同意します

ベストアンサー

外部CSSの読込記述が間違っています。

HTML
1<link ref="stylesheet" type="text/css" href="./Css/test.css">

↓↓↓

HTML
1<link rel="stylesheet" type="text/css" href="./Css/test.css">

「ref=」ではなく、「rel=」です。

投稿2018/07/16 20:28

yoshinavi

総合スコア3523

tkfmmyst

2018/07/18 08:53

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

行動規範の内容に同意します

私の勘違いで削除します。

投稿2018/07/15 12:32

編集2018/07/15 12:37

hgforteratail

総合スコア52

あなたの回答

tips

プレビュー

行動規範の内容に同意します

質問の解決につながる回答をしましょう。サンプルコードなど、より具体的な説明があると質問者の理解の助けになります。また、読む側のことを考えた、分かりやすい文章を心がけましょう。

15分調べてもわからないことは
teratailで質問しよう！

ただいまの回答率
85.48%

質問をまとめることで
思考を整理して素早く解決

テンプレート機能で
簡単に質問をまとめる

質問する

質問をすることでしか得られない、回答やアドバイスがある。

15分調べてもわからないことは、質問しよう！

HTMLとCSSの連携ができません。なぜでしょうか。.htmlを同じ所にCSSファイルを作って、その中に.cssファイルを作っています。

関連した質問