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

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

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

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

CSS

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

Q&A

解決済

1回答

566閲覧

CSSの文字色の変更について

bebearmy

総合スコア2

HTML

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

CSS

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

0グッド

0クリップ

投稿2020/10/17 06:24

編集2020/10/17 07:12

前提・実現したいこと

CSSで文字色を変更したいです。

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

ドットインストールで勉強中なのですが、CSSの#01(https://dotinstall.com/lessons/basic_css_v5/49901)の2:30~のように文字色を青色に変更しようとしても黒色のままです。0:35~の赤色にはなりました。原因を教えていただけますでしょうか。初歩的な問題で申し訳ございませんが、よろしくお願い致します。

該当のソースコード

HTML

1<!DOCTYPE html> 2<html lang="ja"> 3<head> 4 <meta charset="utf-8"> 5 <title>太郎のポートフォリオサイト</title> 6 <link rel="icon" href="favicon.ico"> 7 <meta name="description" content="太郎のポートフォリオサイトです。"> 8 <link rel="stilesheet" href="css/styles.css"> 9 <!-- <style> 10 h1 { 11 color: red; 12 } 13 </style> --> 14</head> 15<body> 16 <header> 17 <img src="img/taro.png" width="120" height="120" alt="太郎のアイコンです"> 18 <h1>山田太郎</h1> 19 <p>UI/UXデザイナー見習いです</p> 20 <ul> 21 <li> 22 <a href="http://dotinstall.com" target="_blank"> 23 <img src="img/blog.png" width="20" height="20" alt="ブログサイトへのリンク画像です"> 24 </a> 25 </li> 26 <li> 27 <a href="http://dotinstall.com" target="_blank"> 28 <img src="img/photos.png" width="20" height="20" alt="写真サイトへのリンク画像です"> 29 </a> 30 </li> 31 </ul> 32 </header> 33 34 <section> 35 <h1>WORKS</h1> 36 37 <section> 38 <img src="img/work1.png" width="400" height="260" alt="勇者ゲームの紹介画像"> 39 <h1>勇者ゲーム</h1> 40 <p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。</p> 41 </section> 42 43 <section> 44 <img src="img/work2.png" width="400" height="260" alt="宝探しゲームの紹介画像"> 45 <h1>宝探しゲーム</h1> 46 <p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。</p> 47 </section> 48 49 <section> 50 <img src="img/work3.png" width="400" height="260" alt="神経衰弱の紹介画像"> 51 <h1>神経衰弱</h1> 52 <p>楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。楽しいアプリです。</p> 53 </section> 54 </section> 55 56 <footer> 57 <p>(c) dotinstall.com</p> 58 </footer> 59</body> 60</html> 61

CSS

1h1 { 2 color: blue; 3}

イメージ説明

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

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

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

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

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

guest

回答1

0

ベストアンサー

質問下にご提示のCSSは「css/styles.css」の中に記述されているということで良いでしょうか?
エスパーすると指定しているファイルパスにstyles.cssが存在していないか、ファイル名が間違っているかではないでしょうか。

HTMLがある場所に「css」というフォルダがあり、その中に「styles.css」というファイルがあり、その中にご提示のCSSが書き込まれているか、今一度ご確認ください。

投稿2020/10/17 06:57

Takumiboo

総合スコア2536

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

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

bebearmy

2020/10/17 07:13

作成したstyles.cssファイルの画像をアップロードしました。コメントを読みましたがやはり原因がわかりません。すみませんが、よろしくお願い致します。
archiver

2020/10/17 07:20

ソースはコピペで貼ってます? CSSファイルを取り込むための<link>タグのrelの指定が"stilesheet"になってます。正しくは"stylesheet"です。
Takumiboo

2020/10/17 07:21

わ、そこ気が付きませんでした。そのせいかもですね。
bebearmy

2020/10/17 07:33

stilesheetが原因でした!御二方本当にありがとうございました(*ˊᗜˋ*)♡
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.35%

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

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

質問する

関連した質問