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

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

新規登録して質問してみよう
ただいま回答率
85.48%
GitHub

GitHubは、Gitバージョン管理システムを利用したソフトウェア開発向けの共有ウェブサービスです。GitHub商用プランおよびオープンソースプロジェクト向けの無料アカウントを提供しています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

Q&A

解決済

2回答

699閲覧

GithubでHTMLにCSSが反映されない件に関して

byamadaro1013

総合スコア6

GitHub

GitHubは、Gitバージョン管理システムを利用したソフトウェア開発向けの共有ウェブサービスです。GitHub商用プランおよびオープンソースプロジェクト向けの無料アカウントを提供しています。

HTML

HTMLとは、ウェブ上の文書を記述・作成するためのマークアップ言語のことです。文章の中に記述することで、文書の論理構造などを設定することができます。ハイパーリンクを設定できるハイパーテキストであり、画像・リスト・表などのデータファイルをリンクする情報に結びつけて情報を整理します。現在あるネットワーク上のほとんどのウェブページはHTMLで作成されています。

CSS

CSSはXMLやHTMLで表現した色・レイアウト・フォントなどの要素を指示する仕様の1つです。

0グッド

0クリップ

投稿2023/01/27 06:01

編集2023/01/27 06:02

前提

プログラミングを独学で勉強しております。
GithubにてWebページをあげようとしているのですが、うまくいきません。
お助けいただけますと幸いです。
どうぞよろしくお願いいたします。

実現したいこと

HTMLとCSSで作成したWebページをGithubで公開しようとしています。

発生している問題・エラーメッセージ

HTMLは反映できているのですが、それに対し、CSSが反映しておりません。

該当のソースコード

https://byamadaro1013.github.io/test17/

試したこと

以下のサイトを参考に、HTMLのCSSファイルのパスを変更してみましたがうまくいきませんでした。
具体的には以下のような構成に変更しました。

<link rel=”stylesheet” href=”https://自分のGitHubのユーザー名.github.io/GitHubで付けたプロジェクト名/style.css”/>

https://ugokawa.com/github-css/

補足情報(FW/ツールのバージョンなど)

Macを使用しています。

ここまでお読みいただきありがとうございました。拙い質問となり恐縮ですが回答いただけますと幸いです。
どうぞよろしくお願いいたします。

気になる質問をクリップする

クリップした質問は、後からいつでもMYページで確認できます。

またクリップした質問に回答があった際、通知やメールを受け取ることができます。

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

guest

回答2

0

引用符が全角文字になっているようです。半角にして試してみてください。

イメージ説明

投稿2023/01/27 06:15

cx20

総合スコア4633

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

byamadaro1013

2023/01/27 06:17

ご回答いただきありがとうございます。確認いたします。
byamadaro1013

2023/01/27 06:59

お二人ともありがとうございました。無事解決しました。感謝申し上げます。今後ともどうぞよろしくお願いいたします。少しでも早くお二人に貢献できるよう精進してまいります。
guest

0

ベストアンサー

githubの方を見せてもらいましたが、絶対パスじゃなくて相対パスの方が確実です。
要は、
./sanitize.css
./step1.cssにしてみてください。


それか、クオーテーションが全角になってません?
" にしてみては?

投稿2023/01/27 06:06

編集2023/01/27 06:10
pecop

総合スコア409

バッドをするには、ログインかつ

こちらの条件を満たす必要があります。

byamadaro1013

2023/01/27 06:15

迅速にご回答いただき感謝申し上げます。確認いたします。
byamadaro1013

2023/01/27 06:59

お二人ともありがとうございました。無事解決しました。感謝申し上げます。今後ともどうぞよろしくお願いいたします。少しでも早くお二人に貢献できるよう精進してまいります。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.48%

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

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

質問する

関連した質問