前提・実現したいこと
ここに質問の内容を詳しく書いてください。
1週間前から独学でプログラミングの勉強を始めた者です。ドットインストールのhtml基礎は完全に理解したレベルです。
CSSのレッスンを初めたところcssが反映されず行き詰まっています。css自体は機能しているようですが反映されません。
具体的に今実現したい事はh1タグの文字色を変えたいです。
使っているのはWindowsです。
発生している問題・エラーメッセージ
問題点はおそらく2つ
①リセットcssを使ってもuseragentstyleseetが消えない。
②デベロッパーツールでh1タグ問題箇所を確認すると、
Font size:
Margin-block-start:
Margin-block-end:
この3つに横線が入って無効化されてるようです。ここも問題だと思うのですが、エレメントスタイルの項目にhtml、cssで設定したカラーが表示もされずまっさらです。
もう分かりません、、
エラーメッセージ
該当のソースコード
Htmlのコード <!DOCTYPE html> <html lang="jap"> <head> <meta charset="utf-8"> <title>ポートフォリオサイト</title> <link rel="icon" href="favicon.ico"> <meta name="description" contento="ポートフォリオサイトです"> <!-- <style> h1 { color: blue; } </style> --> <link rel="styleseet" href="css/reset.css"> <link rel="styleseet" href="css/styles.css"> </head> CSSのコード h1 { color: blue; } ### 試したこと ここに問題に対して試したことを記載してください。 ・リセットcss(効いてるのか分からない) ・フォルダとファイルの位置確認(問題無しと思われる) ・リンクタグ確認、コード確認 3日間調べても解決しなくてとても困っています、、どうかお力を貸してください。 ### 補足情報(FW/ツールのバージョンなど) ここにより詳細な情報を記載してください。
再現確認ができるコードをご提示ください
コードをご提示ください。
追記致しました。ご不明な点ありましたらまた質問お願いいたします。
HTMLファイルとCSSファイルのフォルダ構造を教えてください。
link要素の属性値を囲むクォーテーションが全角のように見えるのですが、これは実際には半角なのでしょうか?
コードはバッククォート3つ( ``` )で「囲う」とコードブロックとなるので、囲ってください。
皆さまありがとうございます。
後程確認して試してみます。
Lhankor_Why様
CSSフォルダ内にreset.css、styles.cssというファイル。
IMGフォルダ内にindex.htmlというファイルを入れています。
ベストアンサーが決まっているようですが、解決されたのではないのですか?
誤って押してしまいました、、
まだ未解決です。すみません、、
そうでしたか。取り消しができるのでお試しください。
CSSフォルダとIMGフォルダの位置はどうなっていますか?
マイポートフォリオというフォルダに2つのフォルダが入っておりcss、imgの順に入ってます。
皆様ありがとうございました。
ソースコードの照らし合わせで解決しました。。。
まだ質問が「受付中」になっていますが、どのように解決したのかを回答文に書き、「解決済」にされてはいかがでしょうか。
「CSSの問題」であっても、HTMLあってのCSSなので、HTMLの<head>内も重要ですが、<body>内のHTML要素がないと検証が出来ず、推測しかできません。
このような場合は、該当箇所のHTMLとCSSの各コードを提示されると回答がつきやすく、解決への早道かと思います。