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

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

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

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

Q&A

解決済

2回答

3049閲覧

css styleで文字の色が変わりません。

macadamiannatts

総合スコア7

CSS3

CSS(Cascading Style Sheet)の第3版です。CSS3と略されることが多いです。色やデザインを柔軟に変更することが可能になります。

HTML5

HTML5 (Hyper Text Markup Language、バージョン 5)は、マークアップ言語であるHTMLの第5版です。

0グッド

1クリップ

投稿2018/05/14 11:16

前提・実現したいこと

 ドットインストールのCSS入門1回目htmlで書いた文字の色が
ドットインストールのように変わりません。
■■な機能を実装中に以下のエラーメッセージが発生しました。

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

<style> h1{ color: red; } </style>

の記述でh1の文字の色が変わらなく

hpの画面にh1{ color: red; }が表示されてしまいます。

該当のソースコード

html

1 2 3ソースコード 4<!-- DOCTYPE html> --> 5<html lang="ja"> 6<head> 7 <meta charset="utf-8"> 8 <title>太郎のポートフォリオサイト</title> 9 <link rel="icon" href="favicon.ico"> 10 <meta name="description" content="太郎のポートフォリオサイトです。" 11 <style> 12 h1{ 13 color: red; 14 } 15 </style> 16</head> 17<body> 18 <header> 19 <!-- 20 ol:(o)rder(l)list 21 ul:(u)norderde(l)list 22 23 li:(l)ist(i)tem 24 --> 25 <nav> 26 <li> 27 <a href="index.html"> 28 HOME 29 </a> 30 </li> 31 <li> 32 <a href="about.html"> 33 ABOUT 34 </a> 35 </li> 36 </ul> 37 </nav> 38 <img src="img/header.png" width="400" height="130" alt"ヘッダー画像”> 39</header> 40<section> 41 <img src="img/taro.png" width="140" height="140" alt"太郎のアイコン”> 42 <h1>山田太郎</h1> 43

試したこと

ここに問題に対して試したことを記載してください。

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

ここにより詳細な情報を記載してください。

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

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

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

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

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

guest

回答2

0

ベストアンサー

<meta name="description" content="太郎のポートフォリオサイトです。">←この不等号が全角です。
半角に直したらこちらの環境ではしっかり反映されました

投稿2018/05/14 11:48

michael-ilcsy

総合スコア180

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

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

macadamiannatts

2018/05/14 11:58

早速、不等号を半角に修正しました反映されました。 早々の回答ありがとうございました。
michael-ilcsy

2018/05/14 12:07

質問からは少し脱線しますが、DOCTYPEがコメントになっていたり、html,body,sectionの閉じタグがなかったり、<ul>は閉じタグだけだったり(このせいでリスト表示されてない)、imgのaltの=がなかったりいろいろ気になるところはありました。
guest

0

こんばんは

section h1

で試してみてください。

投稿2018/05/14 11:39

編集2018/05/14 11:41
haruniku

総合スコア527

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

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

macadamiannatts

2018/05/14 11:45

回答ありがとうございます。 section h1で試してみましたが変わりませんでした。 引き続きお願いします。
guest

あなたの回答

tips

太字

斜体

打ち消し線

見出し

引用テキストの挿入

コードの挿入

リンクの挿入

リストの挿入

番号リストの挿入

表の挿入

水平線の挿入

プレビュー

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

ただいまの回答率
85.50%

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

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

質問する

関連した質問