Q&A
質問文のコードはそれぞれコードブロックで囲んでいただけませんか？ ```（バッククオート3つ）で囲み、前後に改行をいれるか、コードを選択して「<code>」ボタンを押すとコードブロックになります。
<head>
<link href="/css/style.css" rel="stylesheet" type="text/css" media="all" />
</head>
CSSを関連付ける方法は理解できたのですが、外部ファイルのCSSを適用する方法がわかりません、
HTML
<div class = color> <li> <a href = "Sinnchaku">新着</a> </li> </div>CSS
.color{background-color:#31394D}
この方法であっていると思うのですが、できません。
どこか間違っているのでしょうか？
全角文字でタイプしているけど、マジですか？
回答3件
0
リンク内容
一応コピペしただけのものでもいけたけど<div class = "color">じゃないとかそんなオチ？
投稿2017/05/10 10:55
編集2017/05/10 10:56
総合スコア2050
0
ベストアンサー
おそらくですが、stylesheetのファイルのパスが間違っていたりしないですか？
Chromeなどで確認するとわかりやすいかもしれません。
1.DeveloperToolを起動
2.Sourcesタブを選択
3.左側に読み込まれているリソースが表示されます。この中になければ読み込みに失敗しています。
なお、読み込みが失敗していると、Consoleタブに大抵エラーが表示されています。
投稿2017/05/10 10:54
総合スコア824
確かにConsoleタブにエラーがありました、
確かめてみたら、cssファイルが入っているフォルダを書き忘れていたのですが、それでもエラーになってしまいます。
どうすればいいでしょうか？
もし差し支えなければ、エラー文言の内容を教えてもらえますか？
Failed to load resource: 要求された URL がこのサーバ上に見つかりませんでした。
です。
おそらくcssファイルのパス指定がまちがっていますね。。
絶対パスを使わずに相対パスを使ってみてはどうでしょう？
この場合はhref部分を"./css/sytle.css"
-index.html
-css
└sytle.css
この場合はhref部分を"../css/sytle.css"
-template
└index.html
-css
└sytle.css
もしわからなければ、"絶対パス 相対パス"でググってみてください
./css/sytle.css
このstyle.cssは自分のcssファイルのことですか？
また、真ん中の/css/の部分の意味を教えてください。
こちらを参考にどうぞ。
https://allabout.co.jp/gm/gc/31795/
>このstyle.cssは自分のcssファイルのことですか？
そのとおりです！
>また、真ん中の/css/の部分の意味を教えてください。
これは、サンプルですが、cssファイルが格納されているフォルダになります。
詳しくは think49さんが共有してくれている記事が参考になると思いますよ。一読する価値あると思います。
0
cssのファイルをドラッグすればURLの絶対パスが自動挿入されるので、
読み込みは良いとして、
class 宣言の ""が抜けてるからなのか、
ブラウザでcssが読み込めていないのか。
だと思いますけど・・・。
<div class = "color">を <div id ="color-test">にして、 cssを ```ここに言語を入力 #color-test{ } ```で色指定してみるのもcssが適応できてるかどうかを見たいだけならいいかも。
投稿2017/05/11 00:53
編集2017/05/11 01:23
総合スコア382
あなたの回答
tips
プレビュー
