同じフォルダにstyle.cssを作って自分のレンタルサーバーにアップロードしたんですが、なぜか「ローカル環境」だとスタイルが当たるんですが、
同じフォルダにstyle.cssを作って自分のレンタルサーバーにアップロードしたんですが、なぜか「ローカル環境」だとスタイルが当たるんですが、 「ｐｃからサイト見るとcssのスタイルがあたっていない」みたいなんですがなぜでしょうか？ なんとも不思議な気分です 何故、外部スタイルシートのアップロードが失敗するんでしょうか？ <!DOCTYPE html><html lang="en"><head><meta charset="UTF-8"><meta http-equiv="X-UA-Compatible"content="IE=edge"><meta name="viewport"content="width=device-width, initial-scale=1.0"><title>Document</title><script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-5833778420892403"crossorigin="anonymous"></script><link rel="stylesheet"href="style.css"></head><body><h1 class="ddd">こんにちわです</h1></body></html> 以下cssファイル内容 .ddd {background-color: brown; font-size: 100px; } h1{ color: rgb(77, 184, 41); } ですが、見にくいのでコード共有サービスを使いました 以下htmlで https://harigami.net/cd?hsh=a9b851ae-b728-4e18-bdfd-143af9ebdc66# 以下CSSです https://harigami.net/cd?hsh=73912db9-1450-45c7-b16b-d81567a262bf 写真は左が(切れてますが)ローカル表示で右がpc表示です ✳︎改めまして 実験的に外部スタイルシート以外で試した結果 head内にスタイル当てると直りました。 ですが、外部スタイルシートを使うとローカルとPCサーバ(全くあたっていません)では 見え方が依然こんな感じです。どうすれば、ちゃんと外部スタイルシートをちゃんと当てられますでしょうか？ 分かる方よろしくお願いします
ベストアンサー
P君さん >････何故、外部スタイルシートのアップロードが失敗するんでしょうか？･･････ style.css が index.html とおなじ場所に無いからでしょう。 ご参考に↓ https://techacademy.jp/magazine/23892 https://corecolors.net/css6/
1人がナイス！しています
質問者からのお礼コメント
おお！凄い！(＞人＜;)自己解決はまだできなさそうです(T-T)見たんですが、そうなんだぁ・・・YouTubeばかり聞いていると自分できるような気がして、できないと案外落ち込みますね＾＾♪解決できると嬉しいですけど、アドバイスありがとうございますm(_ _)m
お礼日時：5/23 20:09
