Q&A
せめてソースを載せてくださいな
htmlの中に<link rel="stylesheet" href="example.css">を入れる、hrefにはhtmlに入れたいcssのファイルをかくと書かれていますが、いざ読み込んでもブラウザがhtmlのみのブラウザと全く変わりません。
他に付け加えなければいけないのでしょうか、かなり初心の質問なのですがよろしくお願いします。
ちなみに、エディタはatom、Browser-plusのパッケージを使ってブラウザを開いています。
htmlの中に<link rel="stylesheet" href="example.css">を入れる、hrefにはhtmlに入れたいcssのファイルをかくと書かれていますが、いざ読み込んでもブラウザがhtmlのみのブラウザと全く変わりません。
他に付け加えなければいけないのでしょうか、かなり初心の質問なのですがよろしくお願いします。
ファイルにhtmlはatom/html/music shool.htmlでcssはatom/css/style1.cssという風に入れてあります。
ちなみに、エディタはatom、Browser-plusのパッケージを使ってブラウザを開いています。
<music shool.html> <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8"> <title>music shool</title> <link rel="stylesheet" href="atom/css/style1.css"> </head> <body> <p>♪にある ピアノ教室のミュージックスクールです</p> <p>music shool</p> <p>ピアノ声楽</p> <h1>ミュージックスクール</h1> <h2>TOP</h2> <p>2020年2月1日更新</p> <h2>リンク</h2> <ul> <li>ごあいさつ</li> <li>レッスン案内</li> <li>地図 お問い合わせ</li> </ul>
<style1.css> @charset "utf-8"; li { font-size: 14px; color: #ffffff} body { background: #ffc0cb}
ソースと現在のフォルダ状況などを載せてください。
CSSが適用されない原因のほぼ80%くらいは パスが間違っている です。
他者が再現できる情報を提供しないとまともな回答は得られませんよ。
ここはプログラミング特化のQAサイトです。
コードがものをいう世界です。文章だけで伝わることはありません。
もし「どういう可能性が考えられるか」ならネット上でもteratail内でも幾らでも転がってます。
回答3件
0
ベストアンサー
"music atom/css/style1.css"
フォルダの指定が怪しいです。これだとatom/html/music atom/css/style1.cssを呼び出そうとしますが、実際はそんなところにファイルは無いのではないですか。
投稿2020/03/15 16:31
総合スコア13671
解答ありがとうございます。
atom/html/music atom/css/style1.cssというフォルダは存在しません。
atom/css/style1.cssという指定をしたいのです。
私の考えでは、herfの部分を改善すればいいと考えていますがどのようにかいぜんする必要がありますか？
相対パスと絶対パスの違いを理解して、適切に書き直してください。
[href属性値に指定する絶対パスと相対パスの違い](https://allabout.co.jp/gm/gc/475758/#aa475758href-path)
0
２つは同じファイルに格納されていて、そのファイルをエディタで開くことができていますでしょうか？
投稿2020/02/26 11:31
総合スコア17
0
example.css
が、実際にはそんなファイルがないか
あるけど内容が伴っていないかでしょう
投稿2020/02/26 09:07
総合スコア114837
あなたの回答
tips
プレビュー
